lgwebdesign

On 4/18/2023 at 9:52 PM, Matt-W-Urst said:

Thank you, this works at me fine!!!

Could you assist, how to center this text now? text-align: center; didn't worked.
And how can I change the space between this text and the blog post list?
See screenshot.
Thank you very much!

Sorry I've only just seen your reply. Unfortunately I do don't know how to do that. Perhaps if the images were the same aspect ratio the spacing wouldn't look off!

On 3/12/2020 at 8:19 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "New prev text";
}
/* Older posts */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "new next text";
}

I found this code works better FYI...

// Blog Pagination - Rename Older Poster & Newer Posts text
.blog-list-pagination {
  font-size: 0rem;
}
// Newer posts
.blog-list-pagination .prev-label:after {
  display: none;
}
.blog-list-pagination .prev-label:before {
  content: "Next";
  font-size: 1rem;
}
// Older posts
.blog-list-pagination .next-label:after {
  display: none;
}
.blog-list-pagination .next-label:before {
  content: "Previous";
  font-size: 1rem;
}

Never mind. I figured it out.

@media screen and (max-width:800px) {
#block... {
.sqs-image-shape-container-element {
    min-height: 120px;
  }  
  }
}

Site URL: https://www.freemasonsarms.net/home-1

Hi,

I'm trying to change the HEIGHT of a specific poster image block on mobile to match the height of the images above, but I can't figure out the code.

Any help would be greatly appreciated.

Thanks

Luke

On 9/29/2020 at 5:49 PM, eugenesoch said:

That is very interesting, as we have just updated our burger menu to a preferred thickness.

Of course, our website is running on Squarespace 7.1, so in case you are on the same, try using this css:

/*burger menu thickness*/

.top-bun, .patty, .bottom-bun {
  height: 3px !important;
}

/*end burgre menu thickness*/

p.s. you can adjust the thickness to your liking by changing value next to px (currently set to 3px)

 

hope this helps! 

This worked perfectly. Thanks.