Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adjusting Caption and Gallery Spacing on 7.1


kewen3

Question

Site URL: https://minnow-bison-eb6k.squarespace.com/

Is there a way that you can adjust the caption spacing and the block height of gallery blocks on 7.1? The padding is just really large on 7.1 between blocks and under images. Ideally, I'd like to just have a site-wide padding like on 7.0 but that seems to not be how 7.1 works. It's particularly noticeable on mobile (see attached image). Any help would be great.

The password for the site is: password

Here is the code I've already injected:

/* Nav item color */
.header-nav-item a {
    color: Black !important; 
}
/* Nav item hover color */
.header-nav-item a:hover {
    color: #ef5232 !important;
}
/* Nav item active color */
.header-nav-item--active a {
    color: #ef5232 !important;
}

/* Nav item hover color - underline */
.header-nav-item--active a {
    color: #ef5232;
}

.header-nav-item--active a {
   background-image: #ef5232;
}

@media (max-width: 800px) {
    .gallery-masonry .gallery-masonry-item img {
        height: 100%!important;
        width: 100%!important;
    }
    .gallery-masonry .gallery-masonry-wrapper {
        columns: 1;
        column-gap: 0;
        padding: 0 10px;
        height: auto!important;
        display: block!important;
     }
    .gallery-masonry-item-wrapper {
        height: auto!important;
    }
    .gallery-masonry-item {
        position: relative!important;
        padding: 10px!important;
        transform: none!important;
        width: 93%!important;
        display: block;
       }
}

@media (max-width: 800px) {
.item-pagination-title, .item-pagination-icon {
  font-size: 15px !important;
  line-height: 19px !important;

}

.header-menu-nav-item a {
    font-size: 25px;
}

@media screen and (max-width:800px) {
.gallery-grid-wrapper {
    grid-template-columns: repeat(1,1fr) !important;
      grid-row-gap: 5vw !important;
}
}

IMG_8080.PNG

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...