Padding Issue

  • gigglebooster

    (@gigglebooster)


    5 years, 1 month ago

    Hi. I can’t figure out how to correct the padding on my site, I’ve tried everything. If I set the photo gallery to wide width, it adds a small padding on top of the images so that the page title has too big of a gap between it and the pictures. If you go to my site zachs.art and click graphic design on top, you will see this gap between the words graphic design and the photos. However, I created a test page and did not set the gallery on that to wide width. If you click that page on top, you will see that the spacing between the words test page and the image are correct. I just can’t seem to figure out what in the CSS code is causing this. Any help would be greatly appreciated, thanks.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Juhi Saxena

    (@juhise)

    5 years, 1 month ago

    Hey @gigglebooster

    I noticed when we add a wide width gallery, it adds an element <ul class="wp-block-gallery alignwide columns-1 is-cropped"> so adding margin-top:0 to these class will remove that extra margin.

    In case you are not aware of editing CSS, you just can paste this into Custom CSS under Appearance->Customize

    .post-content .alignwide {
    padding: 0 5.75%;
    margin-top: 0;
}

    Let me know if it works for you.

    Best Regards,
    Juhi

Viewing 1 replies (of 1 total)
  • The topic ‘Padding Issue’ is closed to new replies.