Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #364493

    I have a page with 10 layersliders and after each slider i have white space (hr) but the default padding seems to be 50px top en 50px bottom.
    In quick css i added :
    .hr {
    margin: 0px !important;
    padding: 0px !important;
    }
    But that doesn’t help.Is it possible to adjust the default padding top and bottom based on page_id? I played around with “afther layer slider 1” but i got 10 sliders at one page so that would mean 10 rules. I would like one css rule per page_id for the layer slider/white space padding.

    #364496

    http://en.support.wordpress.com/pages/#how-to-find-the-page-id

    CSS selector would be:
    .page-id-xxx { }

    But i guess that might not be your problem.
    I dont see the site so i cant tell you whats wrong.
    If you use firefox you can right click, inspect element and check the height / margin / padding of the elements.

    If you linked your site in the private section, i guess the support will tell you what to do.

    #364909

    Hey!

    When you edit the separator element select the “Custom” styling and you can set the top and bottom margins.

    Cheers!
    Elliott

    #364949

    Hi Elliot,
    That doesn’t help. It inherits 50px padding-top and 50px padding-bottom from .content, .sidebar. If your solution with that custom separator would overrule those 50px’s that would be great. I would like to adjust the padding ( 50px top and 50px bottom) but only on this page. I don’t want the padding to be adjusted on the homepage.

    #365060

    to adjust the padding of everything would be the following:

    `.page-id-123 * {
    padding-top: 0px;
    padding-bottom: 0px;
    }`

    but i guess theat would mess up alot

    If i had a link to the website i could tell you what padding you’d have to change.

    #365425

    Hey!

    Try dragging a codeblock element to your page and add this inside.

    <style type = "text/css">
    .container .content { padding-top: 0px !important; padding-bottom: 0px !important; }
    </style>
    

    Cheers!
    Elliott

    #365574

    YES thats it!!!! And a nice solution for padding on other pages! Perfect Elliot. And thanks Flikk for engaging!

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

The topic ‘Padding layer-slider’ is closed to new replies.