Page titles

Hi Lucy,

One method would be to use two css rules.

First, add a rule to style titles on pages by targeting .page .entry-title

Then use a separate rule to style titles on the grid part by styling .child-pages.grid .entry-title

Example using pure css (the same can be done with your plugin):

.page h1.entry-title {
    font-size: 38px;
}

.child-pages.grid .entry-title {
    font-size: 18px;
}

Here’s a screenshot of how it would look:

Also the page title font (Tahoma) isn’t displaying properly on ipads and iphones….what am I doing wrong??

iOS doesn’t support Tahoma.

Thanks @gary-barrett that worked great!

Another(!) font question. I figured a way to make the page titles red and to display tahoma where possible and arial when not.

Not 100% this is correct:

.page-title, .entry-title, .entry-title {
font-family: “tahoma”, Arial, sans-serif;
color: #BA0C2F;
}

Is there a way to use a google font as the page title e.g. Anton with arial etc as backup? if i try with the above they it doesn’t stick.

Thanks in advance.

Is there a way to use a google font as the page title e.g. Anton with arial etc as backup? if i try with the above they it doesn’t stick.

Sure – if you want to modify page and post titles, give this a try:

.entry-title {
 font-family: Anton, Arial, sans-serif;
}

You’ll need to remove any other conflicting font declarations from your current custom CSS.

Make sure you’ve properly enqueued your Google font in the theme, for example using a Google Fonts plugin.

p.s. Quote marks are only needed around font names when they consist of more than one word.

Let me know how it goes.

Hi Kathryn @zoonini

Thanks for your help (and the tip about quote marks).

I added the CSS but the Anton font did not display. What have I done wrong!?

Many thanks,
Lucy

Thanks for your help (and the tip about quote marks).

My pleasure!

I added the CSS but the Anton font did not display. What have I done wrong!?

There are two parts to adding a Google font to a theme.

First, you need to declare it in your CSS, which you’ve done.

You also need to bring the font itself into the theme, by doing something called “enqueuing the font.” The easiest way to do that is by using a Google Fonts plugin (like this one), as I mentioned earlier. Have you done that and selected Anton there? If so, which plugin are you using? If you’ve set it up and chosen Anton, but it’s still not appearing, you’re probably best off posting in the plugin’s support forum to check whether it’s configured properly.

Let me know how it goes!

Enqueuing the font is the best method because the font will load quicker.

The easiest way* to load the font would be to @import it by adding the css below in appearance > customize > additional css

@import url('https://fonts.googleapis.com/css?family=Anton');

*The easy way will load the font slightly slower.

Thanks both – after reinstalling Easy Google Fonts it seems to be working now.

Glad to hear you’re all set.

Hi is there a way to make the child page titles appear on top of the featured images instead of below them (on the grid page, i mean)?
Thanks ??

• This reply was modified 7 years, 7 months ago by renataroge.

@renataroge Please start a new thread for your question and provide a link to your site running Sela. Thanks!