Support/Ultra Theme/Sidebar Widget Style

[Resolved] Sidebar Widget Style

  • Author
    Posts
  • August 21, 2016 at 9:37 pm #4486

    Tomas Sears
    Participant

    Hi Andrew,

    Hope your OK.

    Got an issue which I have been looking into for a little while which I could use your help with.
    I have styled my side bar so each widget has the following CSS:

    .sidebar #secondary {
  box-shadow: 0 5px 10px #a4a4a3;
  padding: 10px;
  border-radius: 5px;
  background-color: #ffffff;
  border-top: 1px solid #dbdbdb;
}

    I wanted each widget to have the above CSS and not the whole sidebar, as at the moment it looks like this: http://www.stemcollege.co.uk/apply/
    As you can see it has applied it to the whole sidebar, but I want it to style each widget individually like on your website.

    Thanks in advance!
    Tom

    August 22, 2016 at 12:44 pm #4487

    Andrew Misplon
    Keymaster

    Hi Tom

    Thanks for posting your question.

    #secondary aside are the selectors needed to target each widget. E.g:

    #secondary aside {
background: #000;
}

    Let me know how that goes.

    August 22, 2016 at 12:56 pm #4490

    Tomas Sears
    Participant

    Yep, thats done it!

    Thanks for your help again 🙂

    August 22, 2016 at 12:57 pm #4491

    Andrew Misplon
    Keymaster

    Super 🙂 Glad that helped.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top