Tagged: alignment, color box, colorbox, content, full screen, vertical alignment
Hi.
I notice that when page elements are set up within a colorbox set to 100% of screen height – that those elements are set to float in the center of the colorbox. I would like to have the option to change the default position of these elements from being centered to alignment at the top of the colorbox.
In this case, I am using a combination of textboxes, horizontal lines, the built in headings rotator and columnns – all implemented using the Enfold advanced page layout builder.
Is there an easy way to do this by assigning a custom class to the colorbox in question, or is it more complicated than that
my page URL is: http://mindsparkconsulting.com/web-design-in-tampa/
thanks in advance for your help!
Hey MindSpark!
You mean a color section right? Add this to a codeblock element in the page.
<style type = "text/css">
main { vertical-align: top !important; }
</style>
Best regards,
Elliott
thanks Elliott!
now that I see how easy that is, I assume I can also add a page-id specific entry in my style.css to avoid inline styles?!?
thanks again. you guys rock!
Hi!
Yes, you can do it like that to avoid any inline CSS. Testing and if you deal any issues, we will still be around to help you.
Thanks a lot for your time and patience
Best regards,
Basilis