Return to previous page

Change font size on the main menu text - by rkunderground

This topic has 10 replies, 3 voices, and was last updated 7 years, 10 months ago ago by Olga Barlow

rkunderground

Participant

January 19, 2017 at 00:57

How do I change the font size on the menu text? I tried with theme options – typography – page, but I just changed the font size of the checkout total.

#152367 Copied

9 Answers

8theme

Support staff

January 19, 2017 at 10:24

Hello,

Please, provide your website URL and a screenshot of the font you want to change.

Regards

#152402 Copied

rkunderground

Participant

January 19, 2017 at 15:51

sorry, how do I paste a screen shot in the reply?

Please, contact administrator
for this information.

#152455 Copied

8theme

Support staff

January 20, 2017 at 08:21

You can upload it to some images cloud like this https://prnt.sc/

#152517 Copied

rkunderground

Participant

January 20, 2017 at 10:59

http://prntscr.com/dy03hx

Please, contact administrator
for this information.

#152557 Copied
8theme

Support staff

January 20, 2017 at 11:23
Thank you.

Try to add this snippet to the Custom CSS to increase menu font size
```
.header-simple .menu-wrapper .menu > li > a {
	font-size:20px;
}
```
Regards
#152564 Copied
rkunderground

Participant

January 20, 2017 at 11:30

Thank you Serg. How do I learn how to make CSS code?

#152565 Copied

Olga Barlow

Support staff

January 20, 2017 at 19:48

Hello,

You are welcome. We would recommend to use Theme Options > Styles > Custom CSS fields or child theme style.css if you plan any changes for your site.

If you need some info about CSS at general you can find useful information here https://tutsplus.com/
Chrome developer tool will help you to find out what styles to edit https://developer.chrome.com/devtools

Regards

#152621 Copied

rkunderground

Participant

January 20, 2017 at 19:56

Ok Olga. So it doesn’t matter where I post the CSS short codes then? Parent or child theme? I downloaded everything, so I am assuming I’m using the child theme because I downloaded a demo theme.

thanks

#152623 Copied

Olga Barlow

Support staff

January 20, 2017 at 20:34

Hello,

What theme you are using you can find in Appearance > Themes. If child theme is activated then you can use both places: Theme Options > Styling > Custom CSS or child theme style.css file(wp-content/themes/xstore-child/) to add the CSS code.
In case you use parent theme then CSS code should be placed only in Theme Options because if you add the custom CSS code in parent theme style.css (wp-content/themes/xstore/) you will lose these changes after theme update.

Regards

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