Tagged: Avia Layout, padding, reduce, space
Hi
I need to reduce the space between two content elements on specific pages on my site.
Is there a piece of code to drop into the custom CSS that will help me do this?
Thanks
Jonathan
Hey Coronacom!
Thank you for visiting the support forum!
What are the elements that you’re trying to modify? If you can provide us with a link to the actual page, we’ll be happy to provide you with the css snippets to decrease the padding or margin between elements.
You can use the body page id to modify elements on a specific page. In order to find the current page id, you can use firebug or google chrome’s inspect element. Look for the body class id. It looks something like this:
On the example above, the page id is page-id-734. Use that along with the object’s selector that you’re trying to modify. Something like this:
.page-id-734 .avia-section {
min-height: 50px;
}
I hope this helps.
Cheers!
Ismael
Hey!
Insert this code into the quick css field and decrease the margin value if necessary:
.av_promobox {
margin: 30px 0;
}
Best regards,
Peter
Thanks Peter that worked like a charm