If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

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


    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?





    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;}


    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?





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

    .title_container h1{
    font-size: 54px;

    Best regards,



    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?



    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…



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



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

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