Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 1 year, 5 months ago by  ecounited.
    #950418

    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

    #950670

    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,

    • This reply was modified 1 year, 5 months ago by  ecounited.
    #950697

    Hi,
    It looks as though you included the dot in your class on the page “.home_slider” please remove the dot “home_slider”

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.