Hi,
I want to align a apecial heading on the top of a color section. I tried different things but nothing worked so far.
To be more specific:
On the shared website in private content there is a picture of me on a mountain where a special heading appears on the right side. The heading is vertical centered and I want the heading on the top.
Inside my color section there are 1/3 rows. The rows are all equal height and vertical alignment “top”, but it doesn’t work.
Also find this piece of code in another thread, so I set the developer ID and CSS class of the specific row “align-content-top” and put following code to the quick css. Hasn’t worked either.
.av-align-middle.align-content-top {
vertical-align: top;
}
Thanks in advance for your help.
Hey josikrop1,
Thank you for the inquiry.
The theme automatically aligns the content to the center when a minimum height for a Color Section is set. You can add this css code to adjust the alignment.
#top #section-mobile-bergsteigen .container .content {
vertical-align: top;
}
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.
Best regards,
Ismael
Thank you Ismael! That worked out fine. Thread can be closed.
Hi,
Great, I’m glad that Ismael could help you out. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard