hi – I’ve looked through the forum and have not seen a solution.
I want the bottom of the Special Heading H1 text to touch the bottom of the Color Section. Do you have any ideas about how I might accomplish this? We want to do this on ever page except the homepage. They all have the same header format.
I’ve attached a screenshot with an illustrated explanation.
Thank you!
Hey doug123,
1. Enable custom class name support and add the class name ‘heading-bottom’ to the special heading you like to move to the bottom. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
2. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
adjust the bottom value to suit your design.
.heading-bottom {
position: absolute;
bottom: -139px;
}
@media only screen and (max-width: 767px){
.heading-bottom {
position: absolute;
bottom: -181px;
}
}
Best regards,
Vinay
Thank you! I must be doing something wrong – the title just disappeared. would you be so kind and examine it?
Hi Doug,
The text should appear now. Please look on your site and see if it is to your liking. You can simply go to the code and adjust the value for the “bottom” attribute.
Let me know if you need further assistance.
Best regards,
Jordan
Perfect! Thank you Jordan! The custom class name support is a very powerful addition to the theme.
Hi,
You’re welcome Doug! Thanks as well for your kind words and good to know you love the theme and it’s features :)
Best regards,
Jordan