Return to previous page

Menu Font - by Katya - on WordPress WooCommerce support

This topic has 12 replies, 4 voices, and was last updated 9 years, 6 months ago ago by Eva Kemp

Katya

Participant

October 9, 2014 at 02:28

Hello,

On my main navigation menu across the top I would like the SALE link to be a little bigger in font and in red colour, so it stands out a little more from the rest of the links on the navigation menu. Can this be done?

Thank you!

#18923 Copied

11 Answers

Stan Russell

Participant

October 9, 2014 at 07:33

Hello,

please provide us with link to your site

#18940 Copied

Katya

Participant

October 9, 2014 at 23:20

Please see below

Please, contact administrator
for this information.

#19076 Copied
Robert Hall

Support staff

October 10, 2014 at 07:04
Hello,

Try to add this code into custom.css file.
```
.menu-item-103 a {
font-size: 16px;
color: red;
}
```
Regards,
Robert Hall.
#19111 Copied
Katya

Participant

October 10, 2014 at 12:49

Thanks for the suggestion Robert, but that didnt work. Anything else I could try?

#19167 Copied
Eva Kemp

Support staff

October 10, 2014 at 13:49
Hello,

You can change color only for Sale menu item this way:
Go to Appearance > Menus, open the menu tab of “Sale” and below “CSS Classes (optional)” write your css class (for example: my_class).
You can enable CSS classes at the top of admin panel, just click “Screen Options”
Then you should edit custom.css file, add the code:
```
.my_class a {
font-size: 16px;
color: red;
}
```
Regards,
Eva Kemp.
#19176 Copied
Katya

Participant

October 11, 2014 at 04:19

I’m sorry Eva, that did not work either – other suggestions?

#19259 Copied

Eva Kemp

Support staff

October 11, 2014 at 14:35

Hello,

Please provide us with wp-admin panel credentials.

Thank you.
Regards,
Eva Kemp.

#19287 Copied

Katya

Participant

October 12, 2014 at 09:33

Hi Eva,

Please, contact administrator
for this information.

#19345 Copied
Eva Kemp

Support staff

October 13, 2014 at 11:04
Hello,

I’ve added the following code into custom.css file:
```
li#menu-item-353 a {
font-size: 16px;
color: red;
}
```
Please check the menu now.

Thank you.
Regards,
Eva Kemp.
#19410 Copied
Katya

Participant

October 13, 2014 at 12:25

Thank you! looks perfect!

#19425 Copied

Eva Kemp

Support staff

October 13, 2014 at 13:31

Hello,

You’re welcome.

Regards,
Eva Kemp.

#19434 Copied
Viewing 12 results - 1 through 12 (of 12 total)