Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1356346

    I’m using the white space separator to nudge the main image on the home page of this site, but it’s working too well. It seems to add a default 50 pixels or so. I’ve tried adjusting it to a negative number as well, but it appears to only add 50 pixels, no less.

    These two pieces of Quick CSS code have been added, but doesn’t seem to be a conflict:

    body .av-tt-xlarge-width {
    width: 700px;

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    transform: scale(1)

    I’m apprehensive to remove the main image with the hot spots in order to add some white space to the image because I’m assuming all my hot spot data will disappear.

    Any thoughts? Thanks in advance.



    Hey vivify77,

    Thank you for the inquiry.

    It seems to add a default 50 pixels or so

    You might be looking at a default padding of a generic color section, which is automatically added to the page to contain orphaned elements or elements that are not inside any containers (color section, grid row etc).

    Try to wrap the separator inside another color section, edit the color section and set its Layout > Margin & Padding > Section Padding to No padding. You can also set a custom top and bottom margin if necessary.

    Best regards,

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

You must be logged in to reply to this topic.