Float Row or Column at bottom of page

Support
#1

Hi,
Just wondering how i go about floating a bar or column and its content to the bottom of a page.
I have tried using the advanced settings in pro and setting the v alignment to end. But it doesn’t make any difference.

I can provide login details if needed.

#2

Should say the section I want to float at bottom is on about us page and is the testimonials widget/shortcode.

#3

Hey @StickinOut,

You will need to use the Bottom Header area as that area is floats at the bottom of the page out of the box.

Other than the Bottom Header, regretfully, there’s no option to float an element other than to add your own override position CSS to the Element CSS.

Thanks.

#4

Thanks for the info sir,

What would the css be? give the row a class then add css to the page?
Im design orientated rather than code so any tips would be awesome

#5

Hi @StickinOut,

The best option is to use a bottom header and assign it to the specific page where you want to show a bottom section. However if you want to use the CSS method then assign a class to your section instead of the row and then with CSS, you can make the section float at the bottom. To get started you can take a look at this thread https://stackoverflow.com/questions/8824831/make-div-stay-at-bottom-of-pages-content-all-the-time-even-when-there-are-scrol

Hope this helps!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.