Community Forums › Forums › Archived Forums › Design Tips and Tricks › Altitude Pro…want to increase the H4 font size
- This topic has 7 replies, 3 voices, and was last updated 7 years, 4 months ago by dbsites.
-
AuthorPosts
-
December 8, 2016 at 12:53 pm #197276dbsitesMember
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.comDecember 8, 2016 at 3:02 pm #197308emasaiParticipantYou 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.comDecember 8, 2016 at 4:40 pm #197317dbsitesMemberThanks 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
December 8, 2016 at 7:59 pm #197328dbsitesMemberOk, 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:
<h4><strong>AT THE FARM</strong></h4>
I'm wondering if the
<strong>
part causes the issue.
(Hope this posts the way I want it to) 😉
December 8, 2016 at 9:04 pm #197331SusanModeratorAre 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)
December 9, 2016 at 8:52 am #197347dbsitesMemberThanks, 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!!!
December 9, 2016 at 8:57 am #197348emasaiParticipantAs 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.comDecember 9, 2016 at 9:22 am #197350dbsitesMemberRight, 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!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.