This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Changing the shading on Social Media Icons

  • Creator
    Topic
  • #9321
    abmich
    Participant

    Hello – trying to make the social media icons white – what would the css line be to do that?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #9329
    Jason Bobich
    Keymaster

    Hello,

    Do you mean the social icons in the header? You should have an option for this on your Theme Options page. Appearance > Theme Options > Styles > Social Icon Color — Select “Light”

    #9344
    abmich
    Participant

    No, I mean to change them from grayish to full white.

    The png is white and there’s some shading on it. I set opacity to 1 but there’s still some gray tint.

    #9350
    Jason Bobich
    Keymaster

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

    For example —

    #branding .themeblvd-contact-bar li a {
    	-moz-opacity: 1;
    	-khtml-opacity: 1;
    	opacity: 1;
    }

    Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.