Change font size on the main menu text - by rkunderground

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

  • Avatar: rkunderground
    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.

    9 Answers
    Avatar: 8theme
    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

    Avatar: rkunderground
    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.
    Avatar: 8theme
    8theme
    Support staff
    January 20, 2017 at 08:21

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

    Avatar: rkunderground
    rkunderground
    Participant
    January 20, 2017 at 10:59

    http://prntscr.com/dy03hx

    Please, contact administrator
    for this information.
    Avatar: 8theme
    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

    Avatar: rkunderground
    rkunderground
    Participant
    January 20, 2017 at 11:30

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

    Avatar: Olga Barlow
    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

    Avatar: rkunderground
    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

    Avatar: Olga Barlow
    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

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.