Altitude Pro…want to increase the H4 font size

[dbsites]

Can someone help? For some reason I cannot change the font size of the h4, or any of them for that matter. Here's where I'm trying to do it::

h4 {
font-size: 24px;
}

.image-section h4,
.solid-section h4 {
font-size: 16px;
font-weight: 800;
letter-spacing: 6px;
text-transform: uppercase;
}

Thanks in advance!!!

http://khakalakifarm.com

[emasai]

You should be able to change the font size in the .image-section h4,.solid-section h4,
the 16px overrides the regular h4 font size of 24px

---

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

[dbsites]

Thanks for you response Emasai! I'm so stumped! I have changed the 16px but it doesn't effect the h4 font size. What could possibly cause this?

Also, here's an example of code where I want a bigger font for h4:

<h4>AT THE FARM</h4>

Perhaps the causes the problem

[dbsites]

Ok, didn't expect my post to do that but just learned how to post code from the faq on the forum.

Here's an example of code where I want a bigger font:

&lt;h4&gt;<strong>AT THE FARM</strong>&lt;/h4&gt;

I'm wondering if the

<strong>

part causes the issue.

(Hope this posts the way I want it to) 😉

[Susan]

Are you talking about the AT THE FARM on the homepage under the Purchase Options section?

If so, I'm not seeing that as H3 - it's displaying as H4 when I'm viewing your site. When I changed the H3 on line 275 of your stylesheet, that changed the font size of the AT THE FARM title. Screenshot below: (click here for larger, clickable image)

[dbsites]

Thanks, Susan...very cool graphics!!!

Yes, I am talking about AT THE FARM under PURCHASING OPTIONS on the homepage. Strange that you don't see it as H3 because that's how it is coded. I copied and pasted this from my widget area:
<h3>AT THE FARM</h3>

ARGHHHH! It's mysteriously working now! I can easily change the H1....H6 font sizes. ¯\_(ツ)_/ But my Customize > Widgets > Front page 2 section does not show the changes even after I "Save & Publish"; when I checked the live site (always "incognito" to eliminate caching), the H4 font size had changed to the sized I wanted. No doubt this glitch contributed to my issue but am quite sure it was not the only issue at play. ¯\_(ツ)_/¯

Thanks everyone for your efforts!!!

[emasai]

As I explained previously, changing the h1-h6 tags does not work in the widgets, their code is overwritten by specific selectors for the widgets.
E.G. .image-section h4, .solid-section h4
These selectors override the regular h4 tag.

---

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

[dbsites]

Right, I do know that. I wasn't trying to change the h4 font size in the widget. I made the h4 change in the css editor but it did not show up when I changed from h3 to h4 in the widget.

All is good now for some strange reason.

Thanks for you input, emasai!

[Author]

Posts