[simon olley]

I’m using this below, but I keep getting the text in the slider enlarging as well (which I don’t want). I just want page heading to increase and still be responsive

.entry-header .entry-title {
font-size: 50px;
}

[Sakin]

@oly: Sorry I cam bit confused which page heading you are talking about. Can you explain it or share screenshot.

[simon olley]

Sure, the style of page heading I want to enlarge is the one that reads “Web design and graphics by craftspeople” on the following link…

http://www.olleydesign.com/

[simon olley]

I’ve also tried…

.page .entry-title {
font-size: 5rem}

…which results in the slider title also getting bigger, which I don’t want.

It is only the page title I want to enlarge.

[Sakin]

@oly: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 960px) {	
.entry-header .entry-title { font-size: 50px; }
}

[simon olley]

Thanks, but that also seems to increase the size of slider title, which I must not do 🙁

I only want to increase the size of the page titles/headings.

[Sakin]

@oly: Ok then use the following CSS.

@media screen and (min-width: 960px) {	
#main .entry-header .entry-title { font-size: 50px; }
}

[Author]

Posts