footer widget styling issue

  • Resolved tophiebearrr

    (@tophiebearrr)


    8 years, 9 months ago

    My site was built from other themes, mainly the twentythirteen theme. In my css, I have styled it so that the sidebar widgets have a 1px border around them. However, this border also applies to widgets that appear in the footer of the site, and I would like to remove the border from the widgets in the footer. I figure this would mean Id have to add another field or change in my css, however Im unsure of how to do this so any help would be greatful.

    site: smattering.com.au

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • SJW

    (@whitsey)

    8 years, 9 months ago

    Style specific widgets individually instead of just styling .widget in general

    Use their unique id ‘s not their general class

    Thread Starter tophiebearrr

    (@tophiebearrr)

    8 years, 9 months ago

    So instead of having my background colour and border applying to .widget, I should make it apply to the specific Id of the widget. When I use inspect element on the side bar widgets, Im unsure what the id of the particular widgets are?

    Michael

    (@alchymyth)

    8 years, 9 months ago

    style sidebar widgets selectively with:

    #tertiary .widget { }

    style footer widgets with:

    #secondary .widget { }

    Thread Starter tophiebearrr

    (@tophiebearrr)

    8 years, 9 months ago

    That did the trick,
    THANKS!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘footer widget styling issue’ is closed to new replies.