lgwebdesign

On 12/6/2023 at 1:59 PM, tuanphan said:

While waiting for the plugin, you can also try this quick approach to insert images

First, add this code to Website Tools (under Not Linked) > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.list-item-content__description a:contains(".jpg")').each(function() {
  var $t = $(this);
   $(this).contents().filter(function(){ return this.nodeType != 1; }).remove();
  $t.attr({
      src: $t.attr('href')
    })
    .removeAttr('href target');
   $(this).replaceWith(function(){
    return this.outerHTML.replace("<a", "<img").replace("</a", "</img")
});
  
});
});
</script>
<style>
.list-item-content__description img {
    width: 150px;
    height: auto;
}
</style>

Next, edit each List Item >> Add Image URL

Highlight image url > Click Link Icon > Paste same image url > then click Gear icon

Enable this option > Save

Result. If it doesn't work, please share link to page where you use Simple List, we can check easier

This worked like a charm. Thank you so much. 

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.