I’m trying to move the promo box button to the bottom of the box as it is in a 1/3 column.
see http://www.thegybegroup.com/first
I added the following code as suggested in another post in the custom css field. However it doesnt look like the code is picked up as it does absolutely nothing.
.home .av_promobox .avia-button-wrap{
float: none !important;
}
.home .av_promobox .avia-button-wrap .avia-button {
float: none !important;
position: static !important;
margin-top: 0 !important;
}
.home .avia-promocontent {
margin-right: 0;
}
Regarding the layerslider how do I set a layer to always be visible? i.e no fadeout or movement out of the slider.
Hi gunpowderboy!
Thank you for using the support forum!
If you don’t mind, please remove the modifications that you added on the promobox. Are you planning to do this on that specific promobox only? Please use this on Quick CSS or custom.css:
#av_section_1 > div > main > div > div > div.flex_column.av_one_third.first.avia-builder-el-1.el_before_av_two_third.avia-builder-el-first > div > div.avia-promocontent {
margin-right: 0;
padding-bottom: 30px;
}
#av_section_1 > div > main > div > div > div.flex_column.av_one_third.first.avia-builder-el-1.el_before_av_two_third.avia-builder-el-first > div > div.avia-button-wrap.avia-button-right {
position: relative;
}
#av_section_1 > div > main > div > div > div.flex_column.av_one_third.first.avia-builder-el-1.el_before_av_two_third.avia-builder-el-first > div > div.avia-button-wrap.avia-button-right > a {
position: absolute;
bottom: -20px;
right: 60px;
}
You can add a logo on Slider Settings > YourLogo. Layer Slider logo are always visible.
Regards,
Ismael