Hello,
On my home page there is a video playing with a box, logo and button placed in it centrally.
I would like the logo and button to appear in the middle of the page but the box above it will be for adverts and it needs to be placed or moved just below the navigation. Is there a way to do this? Any help is much appreciated.
Thanks
Joe
Hey Joe,
Thank you for using Enfold.
Use this css code to pull the column or box upward.
#av_section_1 .flex_column.av_three_fifth.av-animated-generic.fade-in.flex_column_div.avia-link-column.av-column-link.avia-link-column-hover.avia-builder-el-2.el_after_av_one_fifth.el_before_av_one_fifth.avia_start_animation.avia_start_delayed_animation {
top: -200px;
}
Please turn on the Custom CSS Class field so that you can apply a more specific css selector.
Best regards,
Ismael
Hi Ismeal,
Thanks for getting back to me.
I’ve cut and pasted your text into the Quick Css Box and turned on the custom css class field.
Is there anything else I need to do? I’ve tried to add a class to the cell that I want to move up but it doesn’t seem to work, I may be doing something wrong or missing something?
Thanks
Joe
Hi,
Did you add the code the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.
Best regards,
Jordan Shannon
Hi Jordan,
Apologies, I cleared the cache and also tried it in another browser and it’s working now. Perfect! :-)
Thanks again
Joe
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon