Tagged: css class, custom.css, margin, Via Layout Builder
-
AuthorPosts
-
May 3, 2018 at 1:10 am #950394
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,
-
This topic was modified 7 years, 6 months ago by
ecounited.
May 3, 2018 at 3:35 am #950418Hey 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,
MikeMay 3, 2018 at 11:25 am #950670Thanks,
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,
-
This reply was modified 7 years, 6 months ago by
ecounited.
May 3, 2018 at 11:57 am #950697 -
This topic was modified 7 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
