Tagged: ,

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

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



    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
    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.




    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.


    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.



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

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