Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #19399

    Hi.

    The text below the logo (the title text) is being cut of when I view the page on my iPhone.

    How do I make it smaller – both in the ordinary browser and on my phone?

    Casper.

    #103554

    Anyone?

    #103555

    You can resize the callout text size with following css code – add it to css/custom.css:

    /* large screens with 1160px with */

    @media only screen and (min-width: 1160px) {
    .responsive #top .callout{font-size: 42px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 52px;}
    }

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}
    .responsive #top .callout{font-size: 30px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 40px;}
    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .responsive #top .callout{font-size: 20px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 30px;}
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive #top .callout{font-size: 20px;}
    .responsive #top.yanone_kaffeesatz .callout{font-size: 30px;}
    }

    #103556

    I’m not shure if I asked correctly, but you can see an example of the text here: http://www.thejump.dk/wp/bureauet/

    It is the text “BUREAUET” I want to make smaller… is it not called “main-title”?

    I do not want to change the call-out text on the front page.

    Could you please advice?

    Thanks!

    Casper.

    #103557

    Hey!

    Ok, in this case you can use following css code to change the font size:

    .title_container h1{
    font-size: 54px;
    }

    Best regards,

    Peter

    #103558

    Hi Peter.

    I added the code to the custom.css and tried a smaller font size of 40px but nothing happens!? Have I done it wrong? Should the code be placed in another file?

    Casper.

    #103559

    I moved the site to the root directory http://www.thejump.dk and now it seems that the changes has been made.

    Do you know if there is anyway to force the site to read the custom.css? I have tried clearing the browser cache and viewing the site at a different computer, but none of these solutions shows when I make new changes…

    Casper

    #103560

    Hey Casper,

    I’m not sure what you mean. Looking at your site live the title container h1 is getting its font size from your custom.css file line 4 (the above css from Peter).

    Regards,

    Devin

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

The topic ‘Decrease the font size of main title’ is closed to new replies.