Return to previous page

Changing top bar colour - by Eleanorc - on WordPress WooCommerce support

This topic has 11 replies, 2 voices, and was last updated 7 years, 7 months ago ago by Rose Tyler

Eleanorc

Participant

April 11, 2017 at 23:34

Hi there,

I need to change the top bar colour and text colour, please see screenshot:
http://prnt.sc/evbarq

Thanks.

Please, contact administrator
for this information.

#159677 Copied

10 Answers
Rose Tyler

Support staff

April 12, 2017 at 08:25
Hello,

You can use this code in Custom css:
```
.header-type-6 .top-bar {
    background-color: grey;
}
.top-bar .wishlist-link a span {
    color: white;
}
```
Regards,
Rose Tyler.
#159710 Copied
Eleanorc

Participant

April 12, 2017 at 23:32

Hi Rose,

Unfortunately, the code doesn’t work.

I have provided my wordpress login above in the first message, please could you help look into it?

Thanks.

#159881 Copied

Rose Tyler

Support staff

April 13, 2017 at 09:37

Hello,

Please check it now.

Regards,
Rose Tyler.

#159929 Copied

Eleanorc

Participant

April 13, 2017 at 10:27

Hi Rose,

Thanks for fixing it, it’s how I need it now.

Best,
Eleanor

#159948 Copied

Eleanorc

Participant

April 13, 2017 at 10:29

Hi Rose,

Can you let me know where you changed this code, because my client wants to change the text colour to gold #c7af7a and somehow the text ‘wishlist’ is bigger than the rest of the texts.

Please advice. Thanks.

Best,
Eleanor

#159949 Copied

Rose Tyler

Support staff

April 13, 2017 at 10:32

Hello,

I’ve only added !important; to previous code http://prnt.sc/evw8yr.

Regards,
Rose Tyler.

#159952 Copied

Eleanorc

Participant

April 14, 2017 at 10:47

Hi Rose,

The code only enables me to make the wishlist colour change, not the rest. I need to change all the text and icons on top right corner to gold. Please see screenshot attached to understand what I mean:

http://prnt.sc/ewbx37

Please advice what is the code for it.

Thanks.

Best,
Eleanor

#160141 Copied

Rose Tyler

Support staff

April 14, 2017 at 11:04

Hello,

Please check it now.

Regards,
Rose Tyler.

#160147 Copied

Eleanorc

Participant

April 27, 2017 at 14:24

Hi Rose,

Thanks for doing this. I can see all the text and icons are now in the gold colour I need.

However,the title ‘ Wishlist’ has a bigger font size than the rest, how can I make this font size the same as the rest?

Please help. My WordPress login is in the message above. Thanks.

#161495 Copied
Rose Tyler

Support staff

April 27, 2017 at 14:45
Hello,

I’ve added this code:
```
.top-bar .wishlist-link a span {
    font-size: 12px !important;
    font-weight: 400 !important;
}
```
Please check.

Regards,
Rose Tyler.
#161507 Copied
Viewing 11 results - 1 through 11 (of 11 total)