Tagged: Layer Slider, padding
-
AuthorPosts
-
December 8, 2014 at 9:01 am #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.December 8, 2014 at 9:14 am #364496http://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.
December 8, 2014 at 7:58 pm #364909Hey!
When you edit the separator element select the “Custom” styling and you can set the top and bottom margins.
Cheers!
ElliottDecember 8, 2014 at 8:59 pm #364949Hi 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.December 9, 2014 at 12:12 am #365060to 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.
December 9, 2014 at 5:06 pm #365425Hey!
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!
ElliottDecember 9, 2014 at 8:22 pm #365574YES thats it!!!! And a nice solution for padding on other pages! Perfect Elliot. And thanks Flikk for engaging!
-
AuthorPosts
- The topic ‘Padding layer-slider’ is closed to new replies.