-
Posts
-
On the same page – in some of the Text Blocks the h2 text is transformed to UPPERCASE while in some of the other Text Blocks the h2 text is not transformed to UPPERCASE.
In Enfold -> Advanced Styling -> H2 I have chosen “None” to Text Transform and apply to all sections, because I don’t want h2 in uppercase.What should I do differently? Why does the H2 styling of different text boxes not behave in the same way on the same page?
Seems like others are having the same problem: https://kriesi.at/support/topic/special-heading-inside-color-section-styling-is-not-consistence/ – As May also explains the first two H2’s looks fine, the rest H2’s does not
Hi,
Thank you for using Enfold.
We accessed the page but it doesn’t exist. Could you please provide a link to the actual page with the issue?
Best regards,
IsmaelYou need to login to see the page, because it is still a draft due to the inconsist behaviour in the header styling. I provided you with a temporary login, which I have now enclosed again as private content.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; }Best regards,
YigitThanks, Yigit. Yes, now the 3rd and the following H2’s on the page are no longer in upper case.
1) But does that mean, that there somehow is a bug in Enfold -> Advanced Styling -> H2, because my settings in there only seems to work for the first to H2’s on a page?
2) After all the H2’s are now in lower case it shows, that the 3rd H2 and the following H2’s on the page are not having the same font size as the first two H2’s. Again it seems like it is only the first two H2’s reacting to the changes in font size, that I entered in Enfold -> Advanced Styling -> H2 ?
Hi,
Can you please point out those heading elements?
You can adjust font sizes of special heading elements manually by editing the elementsBest regards,
YigitIf you login and look at the page I sent you (all necessary info is in private content below), then you will see all the bold headings on the page are H2’s, but the first two bold headings are shown with a larger font size than all the bold headlines below the first two bold headlines. It seems like it is only the first two H2’s reacting to the changes in font size, that I entered in Enfold -> Advanced Styling -> H2 ?
That’s why it seems like there somehow is a bug in Enfold -> Advanced Styling -> H2, because my settings in there only seems to work for the first to H2’s on the page? I don’t want manually to edit each H2 element on a page. The theme has a way to adjust it in one place, but for some reason it is not reflected on all the H2’s on the page.
Hi,
Sorry for the late reply!
We have reported the issue to our devs.
For a temporary work around, you can add following code to Quick CSSh2 { font-size: 38px; }Best regards,
YigitAny news from your devs on when the issue is expected to be fixed? (yes, the temporary work arounds are working, I just prefer to use the “Advanced styling” module instead of too much Quick CSS).
Hi,
Thanks for waiting. The subsequent headings do not have the the same styling compare to the first two because the sections containing them are outside the “all_colors” or main container. Please make sure that all elements or set of elements are inside their own color sections.
Best regards,
IsmaelThanks, Ismael. Yes, it is working now, when all the elements are in color sections. I did not use color sections for the sections which had the background color I wanted, but that caused the problem with the subsequent headings. Thank you so much for your help.
- You must be logged in to reply to this topic.