March 2, 2023 at 5:31 pm #1399859
I’m trying to change font type and size and vertical spacing between in the heading of a blog post. I know this has been answered in the forum in many vairations, but I haven’t been able to make any of the suggestions work.
When I try the example CSS it changes the blog post font style and size in full-screen mode but also affects the Enfold Top menu, Headline Rotator, etc. It also stops working completely when I decrease the screen size while looking at a post but doesn’t change the other elements that have been affected. As you know from answering these support posts over the years, the text size is too large and gives the appearance of overlap on mobile phones. I haven’t found any way to do this within the theme itself. I have many approaches using custom CSS Enfold Theme Options->General Styling->Quick CSS and the Advanced Tab->Development Custom CSS. I am not a software engineer or CSS coder.
This is what I am hoping the outcome to be
text-transform: none;March 2, 2023 at 7:41 pm #1399888
Are you looking to adjust the blog headings on the front page, or on the actual posts?
RikardMarch 3, 2023 at 8:09 pm #1400054
We don’t show the blog on our front page. We use the blog post element on separate pages and in filtered sidebars.
The heading issue is most noticeable on responsive sized screen mobile phones, though in general I would choose a smaller font across all devices.
The two shots are from a computer screen and an iPhone 11 – thanks again
examplesMarch 4, 2023 at 12:06 pm #1400087
Thanks for the clarification. Did you try adjusting the font size for the H1 element for small screen sizes under Enfold->Typography?
RikardMarch 4, 2023 at 7:29 pm #1400117
Thank you so much Rikard. Your suggestion does exactly what I was hoping to achieve. It seems I tried everything but what you suggested. Close closed, happy customer.March 4, 2023 at 8:14 pm #1400120
- The topic ‘Blog title and blog heading too large’ is closed to new replies.