unhingedadventures

18 hours ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/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>').insertBefore('body[class*="type-blog"].view-item section#itemPagination');
 }); 
</script>
<style>
 section#back-to {
    background-color: #f0f0ee;
}
</style>

Thank you! I added the following after background-color to create a bigger space between the button and the pagination ribbon in mobile view (adding in case others want to use):

margin-bottom: 25px;

On 2/24/2023 at 10:36 PM, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('.image-caption p').addClass('sqsrte-small');
})
</script>

 

This worked! The change is only noticeable after you Save and are no longer in Edit mode  (adding this in case someone else is wondering). Thank you!

On 2/15/2023 at 4:45 AM, tuanphan said:

Can you share link to a blog post on your site? We can check code easier

https://www.unhingedadventures.com/brazil/blog-post-title-two-ynkza

Pass: hello

I currently have a button returning me to all blogs but I manually add this after each post. Is it possible to automatically have this after every blog post, and with the same button formatting/style?

On 2/15/2023 at 3:12 AM, tuanphan said:

Hi,

By default Paragraph 3 will have a special class sqsrte-small (or sqsrte-large). This class controls paragraph style. We can use Script code to add this class into Image Caption.

Can you share link to a page where you use Image? We can test code easier

Hello!

https://www.unhingedadventures.com/brazil/blog-post-title-two-ynkza

Password: hello

How do I get this "back to all blogs" button to be at the bottom of my blog post? it works when I paste it into the Page Header Code Injection of the main blog page, but does not show up when i paste it into the Post Blog Item Code Injection

Every time I add an image to my blog, I also add a caption. However, I need to manually change the caption to be center aligned and also use Paragraph 3 styling (the default settings for captions are left align and Paragraph 2).

I found a code to automatically center all captions that works:

// Auto-aligns text under images //
.image-caption p {text-align:center}

I just need to figure out what the code is to automatically use Paragraph 3 for all future image additions.

The only thing I have found online so far is writing out an entire style script for Paragraph 3 and adding in elements like font, font size, weight, color, etc. I already have all my Paragraph 3 elements set the way I want them in the SquareSpace Design settings, I just want the captions to now use that instead of rewriting all elements in manually.