Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #993035

    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

    #993043

    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

    #995694

    Hi there. The URL is https://www.shamanism.com/patagonia-test

    Thanks

    #995703

    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

    #995767

    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.

    #995821

    Hi Greg,

    Thanks for the clarification, which section in particular do you want the code to apply to?

    Best regards,
    Rikard

    #998169

    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

    #998300

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.