change submenu fonts and social icon color

2 posts from 2 voices

• Started 4 months ago by tstuck
• Latest reply from Ismael
• This topic is not resolved

Tags:

No tags yet.

1. 

   tstuck
   Member

   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.

   Posted 4 months ago #
2. 

   Ismael
   Moderator

   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

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.