Edit CSS file to change titles text size

[tucacu]

Hello to everybody!

I'm new to genesis and I am customizing the executive Pro theme.
I find the titles (hq, h2, h3...) in the pages and posts to be extremely large. I tried to change the size in the style.css file inside the child theme folder via FTP but it isn't working.

The piece of css I modified is this:

h1 {
	font-size: 42px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
}

}

I changed the number to smaller ones and saved the file but nothing happened. I've serched around here but couldn't find any post that solved my doubt.

Any idea of why is this?

[emasai]

Some of the h tags have classes applied to them so that is what you need to change, like h1.entry-title. You need a web inspector to find the tags you want to change and the line of css which applies to them.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Davinder Singh Kainth]

If are trying to change size of post titles on the homepage, look for following code in style.css file

.entry-title {
	font-size: 36px;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[tucacu]

Thank you!

I finally made it by modifying the lines above those i pasted before, that are these:

h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
line-height: 1.25;
margin: 0;
margin-bottom: 10px;
padding: 0;
}

I deleted font-weight and line-height and the changes in font size worked. I don't know exactly why, I don't know much CSS.

[tucacu]

No! I was wrong, it isn't working.

I examined the html code and the pages are using a style page that is named "...themes/executive-pro/style.css?ver=3.1.2'"

This looks exactly like the original, without any of the changes I made to the original in "executive-pro/style.css"

Somebody knows what is this 3.1.2 version and why I can't edit it??

thanks!

[tucacu]

Solved!

Sorry for the trouble.

The changes were being made, but I couldn't see them in my browser because it was usinv the cached version of the style.css file. I deleted the cache in chrome and now I see the changes.

🙂

[Davinder Singh Kainth]

Cool.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts