Hi There.
I have a color section that is set to 100% of the screen height.
Inside that section, I have a text element. By default, that element is center aligned vertically. I want this text to be bottom aligned instead. Is there an easy option for this? How do I do it?
Thanks
Greg
Hey nicosec,
It may have to be done via css. Please provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan Shannon
Hi there. The URL is https://www.shamanism.com/patagonia-test
Thanks
Hi,
Thanks for providing the link. Please add this to quick css:
.avia-section.av-minimum-height .container .content{
vertical-align:bottom!important;
}
Best regards,
Jordan Shannon
Thanks for the code snippit. However, I want to make it so that it only happens to selected elements. I don’t want this to be a global change.
Hi Greg,
Thanks for the clarification, which section in particular do you want the code to apply to?
Best regards,
Rikard
We want this section for the top part of the page – the full-height video header section. I want the “Patagonia 9-day shamanic retreat” text to be a the bottom.
Thanks
Hi,
Have you tried the steps and code snippet provided in the docs?
Working code :
#av_section_1 .container .content {
vertical-align: bottom;
padding-bottom:50px;
}
Please clear the cache and disable CSS and JS merging from Enfold theme options > Performance settings for testing purpose.
Best regards,
Vinay