Remove margin and border between thumbnails

  • Resolved NaturalEnquirer

    (@naturalenquirer)


    6 years, 9 months ago

    Using Elementor Pro, Hello theme.

    In any gallery format, if I set margin to zero, there is still space between images. Also there is a thin line around each thumbnail.

    I’ve tried adding to gallery custom setting (and Elementor custom CSS)

    
.foogallery-thumbnail a,
.foogallery-thumbnail a:hover {
    border: 0px !important;
    margin: 0px !important;
    border: none !important;
    box-shadow: none !important;
}

    No change. Suggestions please. Thank you.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • phillcoxon

    (@phillcoxon)

    6 years, 9 months ago

    Hi @naturalenquirer,

    It’s very difficult for us to offer feedback without access to the page so we can view the code and see what might be interfering with the CSS.

    Is it possible for you to put a staging copy of the site online that we can look at?

    Thread Starter NaturalEnquirer

    (@naturalenquirer)

    6 years, 9 months ago

    I do appreciate that! For now, I will table this issue until site is further developed and on staging site. May sort itself out by then. Thanks.

    phillcoxon

    (@phillcoxon)

    6 years, 9 months ago

    Hi @naturalenquirer,

    That sounds great. I close this support request for now – please open it again when you would like us to look at the site for you.

    Thank you!

    Thread Starter NaturalEnquirer

    (@naturalenquirer)

    6 years, 8 months ago

    For benefit of others, I realized that the thin line around each thumbnamil was caused by drop shadow being set to outline.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Remove margin and border between thumbnails’ is closed to new replies.