-
Posts
-
Hi.
Thanks for this great theme!
While building the website for our school I encountered a peculiar phenomenon: If you scroll to the bottom on our homepage (http://www.ass-sinsheim.de) you’ll notice that the word “Wissenswertes” has a different font weight (normal) than the rest of the H1-headings on that page (light).
This is due to the color section above the text element. If I move that text element above that color section, the font weight changes to “light”. Color is also affected: the heading is black, but fortunately I could change that in the editor.
My problem is, that this happens frequently (another instance is at the bottom on the page “Schularten”): I put in a color section or a grid element and all H1-headings below that element turn black with font weight normal. That is annoying in itself, but it also prohibits me from using color sections as anchors to link to from the main menu. I tried adding an additional color section higher up on “Schularten” and all H1-headings below changed.
Do you have an idea how to solve this?
Kind regards,
HelgeHi Helge,
Looks like that is a span inside an h1 element, I’m guessing that’s why it’s behaving differently that the others which are regular h1 elements. Please try the following in Quick CSS under Enfold–>General Styling:
#after_section_3 h1 span { font-size: 29px !important; font-weight: lighter !important; }Thanks,
RikardHi Rikard.
Thank you for that code. Unfortunately it doesn’t solve the problem. The word on the homepage does become lighter, but not light like the others. And when I add a color section on another page, the h1 elements below still change. Additionally, on the page “Schularten” there is the same problem at the bottom of the page with the word “Weiterbildung” – and that word is unaffected by the code you sent.
The span, by the way, ist to make the words orange. It has nothing to do with the transformations, because I put it in after the change to black and normal font weight happened to not have a completely botched element design wise.
However, I just had the idea of modifying h1 elements in Custom CSS in General Styling and not in Advanced Styling: I added this code:
#top .entry-content-wrapper h1 {
font-size: 29px;
font-weight: lighter;
color:#e69600;
}This worked: The headings look the way I want (and all look the same!) and if I add a color section somewhere nothing changes.
I have another problem. though, that seems to be connected to the first one: At the bottom of those two pages I have text and next to it pictures or buttons. On my test-site, the pictures would not move below the text on mobile phones. While they do now, the buttons on the page “Schularten” stay to the right of the text even on an iPhone 5S. This is weird because while setting up that page I simply duplicated the elements and then adjusted colors etc. So there shouldn’t be anything special there.
Do you have any idea for this problem?
Thanks,
HelgeHi.
A couple page reloads and adding/deleting/adding of color section later the second problem seems to have disappeared.
You can close this thread.
Thanks again for your quick answer and pointing me in the right direction.
Helge
- The topic ‘Font of H1-heading changes below color section’ is closed to new replies.