Reduce Title Font on Pages

[beoleary1]

How do I globally reduce the font size of the title that appears on each Page posting in the Executive theme?

[Len]

Hi beoleary1

Look in the style sheet for this ...

h1,
h2,
h2 a,
h2 a:visited {
clear: both;
font-size: 42px;
margin: 0 0 20px;
}

[ramseyp]

Just Pages? Or single Posts?

If you want the title of a Page to be 24px, for example, you can edit your style.css to include this line:

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

Genesis uses the class "entry-title" for the titles of Pages &  Posts. The class "page" is part of the body tag's classes when you're on a page, so joining them like I did means "any tag with the class of 'entry-title' inside a tag (body) with the class 'page' should have its font-size set to 24px".

---

Community • Work • Conversations

[beoleary1]

I could not find any of the referenced code.  Here is a snippet from Executive:
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
color: #333;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
line-height: 1.25;
margin: 0 0 10px;
}

h1,
h2,
h2 a,
h2 a:visited {
clear: both;
font-size: 42px;
margin: 0 0 20px;
}

h2 a:hover {
color: #64c9ea;
text-decoration: none;
}

.executive-home .home-middle h2 a,
.post-type-archive-portfolio h2 a,
.taxonomy-description h1,
.widget-area h4 {
font-size: 16px;
text-transform: uppercase;
}

.sidebar h2 a,
.sidebar h2 a:hover {
font-size: 16px;
}

h3 {
font-size: 36px;
}

#comments h3,
#respond h3 {
font-size: 30px;
}

h4,
.executive-home .home-cta h4 {
font-size: 24px;

[ramseyp]

Howdy,

You would add that line I posted earlier, not edit an existing bit of CSS.

 

---

Community • Work • Conversations

[beoleary1]

perfect, thank you

[ramseyp]

You're welcome! Glad it worked.

---

Community • Work • Conversations

[Author]

Posts