Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #266816


    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?




    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.


    This reply has been marked as private.


    Insert this code into the quick css field and decrease the margin value if necessary:

    .av_promobox {
    margin: 30px 0;

    Best regards,


    Thanks Peter that worked like a charm

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Decrease padding and space between page content elements when using Avia layout’ is closed to new replies.