Tagged: , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 17, 2016 at 4:06 pm #599638
    riskagency

    Hi

    I would like to align a special heading to the bottom of a colour section so the heading remains in the same position and is always visible as the screen size changes.

    Any ideas?

    Many thanks

    March 17, 2016 at 4:35 pm #599676
    Yigit

    Hey riskagency!

    Can you please post the link to your page?

    Best regards,
    Yigit

    March 17, 2016 at 5:09 pm #599753
    riskagency

    Hi,

    Sorry Its currently off line – can I explain more?

    Thanks

    March 18, 2016 at 7:20 am #600121
    Rikard

    Hi,

    It’s very difficult to help you if we can’t actually inspect the element in the browser, would it be possible for you to upload it to a live server maybe?

    Regards,
    Rikard

    March 18, 2016 at 7:33 am #600129
    Vinay

    Hi!

    Like Rikard said we cannot provide accurate solution till we inspect the element but you can try this

    Enable custom class name support and add a custom class name “always_bottom” to the special heading.

    Turn on Custom CSS Class field for all ALB Elements

    Add this css in Enfold > General Styling > Quick CSS

    .always_bottom {
     position:absolute;
     bottom:0;
}

    Regards,
    Vinay Kashyap

    March 23, 2016 at 7:09 pm #602746
    riskagency

    Hi there

    I’ve tried the above instructions and unfortunately they haven’t worked. My site however is now live (www.riskagency.org).

    Would you be able to please give me another suggestion?

    Thanks

    March 24, 2016 at 9:38 pm #603436
    Yigit

    Hey!

    It seems like you figured it out already? :)

    Regards,
    Yigit

    March 29, 2016 at 11:24 am #604371
    riskagency

    Hi thanks Yigit,

    However what you see now is temporary solution where I’ve used a separator to set the distance the heading is from the top of the colour section.

    What I would like to do is set the distance the header is from the bottom of the colour section at all times, so when the website is opened in different sized windows the heading text is always visible. Is this possible?

    Thanks
    H

    March 30, 2016 at 4:33 am #604917
    Ismael

    Hey!

    I want to visit the site but I got an Internal Server Error. Please check with your hosting provider.

    Regarding the issue at hand, try to add a unique id in the color section’s Section ID field, use “custom-section” for example and then add something like this in the Quick CSS field:

    #custom-section .container .content {
    vertical-align: bottom;
}

    Cheers!
    Ismael

    March 30, 2016 at 11:40 pm #605553
    riskagency

    Hi thanks,

    The website should work now

    I’ve applied the above coding on the home page but when the separator (which currently keeps the heading in its current position) is removed, the header returns to the centre of the colour section.

    Any ideas?

    Cheers

    March 31, 2016 at 7:51 pm #606158
    Andy

    Hey!

    hm? no idea what you mean. I can’t see any issues when opening your website. Can you highlight using screenshots please?

    Best regards,
    Andy

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