Return to previous page

Header font color change - by freerunner

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

freerunner

Participant

April 17, 2016 at 11:15

I am in need of a color change on some different elements within my Header. I need the Terms and Privacy as well as the [share] buttons changed to a different color, as well as have the color change on the hover effect. I did a temporary fix using some inline styling but it looks sloppy. Please advise…

Please, contact administrator
for this information.

#121595 Copied Theme version: Latest WooCommerce version: Latest

9 Answers
Eva Kemp

Participant

April 18, 2016 at 08:02
Hello,

To change color for Terms and Privacy use this css code:

.header-custom-block span a, .header-custom-block span { color: green !important; }

Write your color value.

For share icons:

.header-custom-block .menu-social-icons li i { color: red; } .header-custom-block .menu-social-icons li i:hover { color: red; }

Regards,
Eva Kemp.
#121636 Copied
freerunner

Participant

April 18, 2016 at 08:29

Hi Eva,

The code for the Share Icons worked, but the code for the Terms and Privacy links did not. Please advise…

Also, how do I change the color of the clicked on menu links and hover colors, as well as the shopping and search icons? Thanks

#121647 Copied

freerunner

Participant

April 18, 2016 at 08:53

Eva,

I also need the header background color changed but the theme options doesn’t work. I need the background color to be #333333. Thanks

#121658 Copied
Eva Kemp

Participant

April 18, 2016 at 09:05
Hello,

I have added style code in header custom html section. Please check “Terms and Privacy” text now.
To change background color of the vertical header add this css code:

.header-vertical-enable .page-wrapper .header-type-vertical { background-color: #333333 !important; }

Regards,
Eva Kemp.
#121662 Copied
freerunner

Participant

April 18, 2016 at 09:58

Hi Eva,

That worked! Can you please help me make the shopping cart and search icons Black in color?

#121675 Copied
Eva Kemp

Participant

April 18, 2016 at 10:26
Hello,

Please use this css code:

.cart-bag .ico-sum { background-color: black; } .cart-bag .ico-sum::before { border-color: black; } .header-vertical-enable .page-wrapper .header-type-vertical .header-search a .fa-search { color: black; }

Regards,
Eva Kemp.
#121687 Copied
Robert Hall

Participant

April 18, 2016 at 10:29
Hello,

Please add this code in Global Custom CSS.

.ico-sum, .ico-sum:after{ background-color: black !important; }

.ico-sum:before{ border-color: black !important; }

.header-vertical-enable .page-wrapper .header-type-vertical .header-search a .fa-search{ color:black; }

Regards,
Robert Hall
#121689 Copied
freerunner

Participant

April 18, 2016 at 10:42

Eva,

Awesome! Thanks for your help.

#121696 Copied

Robert Hall

Participant

April 18, 2016 at 11:00

You’re welcome!

Regards,
Robert Hall

#121707 Copied
Viewing 10 results - 1 through 10 (of 10 total)