Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15275

    How do I change the main menu font size and color and will doing so effect the scaled versions?

    #86874

    Hi,

    By scaled versions, you mean when viewing via iPhone, ipad etc?

    You can do that by adding this on your custom.css

    #header_background, #header .container a {
    color: white;
    font-size: 16px;
    }

    To include mobile devices such as iphone you can add this.

    /* iPhone 4
    
    */
    @media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
    #header_background, #header .container a {
    color: white;
    font-size: 11px;
    }
    }

    Try to adjust the values as you fit.

    Regards,

    Ismael

    #86875

    Additionally, I noticed that all heading styles within the column shortcodes format exactly the same, which is entirely too small. Where do I change this?

    The same goes for the text label for a page divider.

    #86876

    Hi carafry,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .flex_column h3 {
    font-size: 13px;
    }
    .hr_content {
    font-size: 10px;
    padding: 2px 4px;
    line-height: 18px;
    }

    then customize as you’d like.

    Regards,

    Devin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Main Menu Font and Size’ is closed to new replies.