Decrease the font size of main title « Support Forum | Kriesi.at

Support Forum » Eunoia

Decrease the font size of main title

8 posts from 3 voices

Started 4 months ago by casperwichmann
Latest reply from Devin
This topic is resolved

Tags:

casperwichmann
Member

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.

Posted 4 months ago #
casperwichmann
Member

Anyone?

Posted 4 months ago #

Dude
Dude

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

Posted 4 months ago #

casperwichmann
Member

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.

Posted 4 months ago #
Dude
Dude
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
Posted 4 months ago #
casperwichmann
Member

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.

Posted 4 months ago #
casperwichmann
Member

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

Posted 4 months ago #
Devin
Moderator

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

Posted 4 months ago #