Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19034

    I would like to change the submenu fonts and social icons on the top header bar to a different color with 100% opacity. Also, I would like the social icons to change color when they are hovered.

    #101872

    Hi tstuck,

    You can change the color of the submenu links by adding this code in your custom.css file (Located in the css folder of your theme’s folder):

    #header .submenu a {
    color: #fff;
    }

    or, this code if the one above doesn’t work:

    #header .submenu a {
    color: #fff !important;
    }

    Just change the color value.

    For the social icons, you need to add these codes at the bottom of custom.css (you would also need to create a different set of icons for this):

    .social_bookmarks li a:hover{ opacity: 1 !important; }
    .social_bookmarks .rss a{background: transparent url(../images/skin-minimal/icons-social-rss_hover.png) 0 0 no-repeat;}
    .social_bookmarks .facebook a{background: transparent url(../images/skin-minimal/icons-social-fb_hover.png) 0 0 no-repeat;}
    .social_bookmarks .twitter a{background: transparent url(../images/skin-minimal/icons-social-twitter_hover.png) 0 0 no-repeat;}
    .social_bookmarks .search_site a{background: transparent url(../images/skin-minimal/icons-social-search_hover.png) 0 0 no-repeat;}
    .social_bookmarks .mail a{background: transparent url(../images/skin-minimal/icons-social-mail_hover.png) 0 0 no-repeat;}

    Finally, add the images inside wp-content/themes/corona/images/skin-minimal and use these names:

    icons-social-rss_hover.png

    icons-social-fb_hover.png

    icons-social-twitter_hover.png

    icons-social-search_hover.png

    icons-social-mail_hover.png

    Hope this helps.

    Regards,

    Ismael

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

The topic ‘change submenu fonts and social icon color’ is closed to new replies.