Tagged: css class, custom.css, margin, Via Layout Builder
Hi,
I try to set a distance between a button and the next bottom element (a slider) in avia layout builder. Can’t find a general explanation for dummies how this works.
Here is my Page
I gave the yellow Facebook button the class .facebook_gewinnspiel
Then I wrote in the custom css following code
.facebook_gewinnspiel {
margin-bottom: 15px
}
Nothing happened….
Could someone please explain how it works?
Thank,
Hey ecounited,
In this case please try adding the space to the element below, like this:
#top.home #layerslider_6 {
padding-top: 15px !important;
}
As a rule of thumb, if pushing down something is not working, try pushing up from the next element.
Now for your slider, you should add a custom ID and replace the default “#layerslider_6” because if you make any changes to the page the layerslider_6 could change.
Best regards,
Mike
Thanks,
your command works:
#top.home #layerslider_6 {
padding-top: 15px !important;
}
But changing the CSS class does not work. I named the css class “.home_slider”. Now I added following tag to my custom CSS
.home_slider {
padding-top: 15px !important;
}
#or
avia_textblock .home_slider ls-direction-fix {
padding-top: 15px !important;
#or
#top.home .home_slider {
padding-top: 15px !important;
}
How to name a CSS class correctly and how to call a CSS class correctly in a custom CSS command?
Thanks for your support,