Return to previous page

How to change the links color in the top bar

This topic has 4 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Robert Hall

GetNatalie

Participant

December 7, 2015 at 03:49

Hi there, I managed to change the color of the top bar background and the text to a light color, however I also need to change the color of the social media icons and the “Login|Register” links. Otherwise you can’t see them since as of now they are white, and the background is almost white. Please help.

#102966 Copied Theme version: 2.3 WooCommerce version: latest

3 Answers
Brian Johnson

Member

December 7, 2015 at 08:16
Hello

Please try following codes in style.css of the child theme:

.menu-social-icons i:before{color:red!important;} .top-bar a {color:black;}

Regards,
Brian Johnson
#102977 Copied
GetNatalie

Participant

December 10, 2015 at 07:35

Question, any way I can change the color of the social icons ONLY in the top bar?

Because on the rest of the website it makes the round icons completely black and you can’t distinguish which icon is which.

#103661 Copied
Robert Hall

Participant

December 10, 2015 at 08:55
Hello,

As I see you haven’t added social icons into top bar.
You can try this code in Global Custom CSS

.top-bar .menu-social-icons a{ color: #DA0C0C !important; }

Regards,
Robert Hall.
#103682 Copied
Tagged: best selling, change links color, persuasive, seo friendly, top bar, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)