unavolta

Add it here?

Add to Settings > Developer Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($) { $('<section id="back-to" class="Index-page"><div class="sqs-block-button button-block tp-button-block"><div class="sqs-block-content"><div class="sqs-block-button-container sqs-block-button-container--center"><a href="/brazil" class="sqs-block-button-element--small sqs-button-element--secondary sqs-block-button-element">Back to Brazil Blogs</a></div></div></div></section>').insertAfter('.blog-item-content.e-content'); }); </script> Change text + url here

https://www.will-myers.com/articles/add-a-breadcrumb-to-blog-category-tag-pages
hello.
I referred to this page and was able to solve this problem.

Change this line
.header-layout-branding-center .header-title { position: absolute; left: 50%; transform: translateX(-50%) !important; } to this
.header-layout-branding-center .header-title { position: absolute; left: 50%; transform: translatex(-50%) !important; background-color: white; }  

@tuanphanI figured it out 🙂
and got it to work in header on the specific pages I wanted with this code in the page header code injection:
<style>
  .header-actions-action a[href*="substack"] {
    background-image: url(https://static1.squarespace.com/static/61e7443d8270c01ce2239916/t/6240b25db51f1159dbbe011b/1648407133383/substack2_blue.png);    
}
</style>
and on the social icon list in a specific block with this code in custom CSS:
div #block-bf044cab69af258d3349 { 
  .sqs-svg-icon--list a:nth-of-type(3){
     background-image: url(https://static1.squarespace.com/static/61e7443d8270c01ce2239916/t/6240b25db51f1159dbbe011b/1648407133383/substack2_blue.png);    
  } }

Hi, i'm not a developer or anything but I think I've found my own personal solution i'd like to share with you. Only because it took me hours of trial and error to find the right soultion.
Basically, from what I can tell. 7.1 is using a sort of "container" to hold the images in which it reels through the gallery. Probably changing things like padding might just be changing the container as opposed to the image size itself. With that being said, trail and error, I figured why not just change the .gallery-reel-item img as opposed to the src or even gallery. Anyways, basically resizing the inner image within gallery-reel-item.
Code found below to what I believe basically resized the inner image a bit to give your images more visual space in between them. If they end up to small then just enlarge the size of the gallery.

 
.gallery-reel-item img { width: 100%; ///change percentage to a smaller value in order to resize height: auto; }  
the height set to auto to allow for scaled transformation. Hopefully this helps.