Style one individual widget differently

  • Resolved studioam

    (@studioam)


    11 years, 4 months ago

    Hi!

    Here’s the website I’m working on: http://www.studioamdevelopment.com

    I need the widget down at the footer to have no outline/border. Is this possible with only CSS?

    I’m super new at this so I need things explained very thoroughly, please : )

    Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Luke Stacey

    (@daftduke)

    11 years, 4 months ago

    Hi there!

    Yes, it is possible. By being more specific with the CSS selector you should be able to select only that widget.

    Just to be sure…is this the correct widget you want to remove the outline from?

    Screenshot

    If so, you can try this code:

    #footer-widgets .widget-left aside {
  outline:  none;
}

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    Website looks great btw. I especially like the fruit in the header 🙂

    I hope that helps!

    Luke the Daft Duke

    Thread Starter studioam

    (@studioam)

    11 years, 4 months ago

    Thanks so much!! I was having a lot of trouble finding the right CSS selector for some reason.

    Thanks for the kind words, I did the fruit myself!! Sometimes I question why I’m dabbling in web design and not just sticking to watercolors, haha…

    If you happen to have a couple more minutes, here’s one more issue I’m really stuck on: https://ww.wp.xz.cn/support/topic/trouble-with-margins-in-twenty-twelve-widget-sidebar?replies=1

    (pasting that link probably breaks a bajillion wordpress forum rules, sorry if so)

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Style one individual widget differently’ is closed to new replies.

Tags