Custom css for using widget with different styling on different pages

  • Hi,
    I want to use Simple Social Icons widget with different styling/colors on different pages. Right now, the colors on both widgets default to the latest colors I’ve chosen.

    In a previous thread, @ancawanka said that “You can work around this by using some custom CSS, either by page, widget area ID or individual widget id.”

    I’ve tried but not been successful as yet.
    Does anyone have a good custom css workaround you could post?
    Any help would be appreciated!

    Thanks!

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

  • @giddymoon

    Hi, thanks for writing the Simple Social Icons subforum of the www.ads-software.com forums!

    What theme are you using on your site? Will you share a link to the site?

    Personally, I think a good way would be to create a child theme, and then go in and edit the style.css stylesheet of the child theme.

    What’s your degree of comfort with doing that?

    But this isn’t the only way! For example a bing search
    ( https://www.bing.com/search?q=wordpress+custom+css+plugin&pc=MOZI&form=MOZSBR )
    can yield a link to a blog post describing more ways!
    ( e.g. https://thethemefoundry.com/blog/add-custom-css-wordpress/ )

    @giddymoon, will you write back soon with an update, letting us know how you go?

    Thread Starter giddymoon

    (@giddymoon)

    Hi mjjojo,
    Thanks so much for your response!
    I’m using Digital Pro theme. I’m fine with adding custom css, but was having problems figuring out the correct way to do this.

    @ancakwanka gave me some guidance, so I’m going to give that a try.

    .footer-widgets-1 .simple-social-icons ul li a,
    .simple-social-icons ul li a:hover {
    font-size: 20px;
    color: #ff00ff !important; /* need this here b/c SSI adds it in header */

    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom css for using widget with different styling on different pages’ is closed to new replies.