[Resolved] Sidebar Widget Style

  • Author
  • #4486

    Tomas Sears

    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!


    Andrew Misplon

    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.


    Tomas Sears

    Yep, thats done it!

    Thanks for your help again 🙂


    Andrew Misplon

    Super 🙂 Glad that helped.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top