HoaLT

You can try some js code to change the default URL setting from Squarespace:
Principle: get the URL for each item in the homepage and change its href into unlinked portfolio
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $('a.portfolio-hover-item[href="/work/fashion"]').attr('href','/fashion-portfolio'); $('a.portfolio-hover-item[href="/work/lifestyle"]').attr('href','/likestyle-portfolio'); </script> The original solution I refer to from @tuanphan here:
 

Can you share your URL so I can check it?

we can use the Summary, but it has a limit with only 30 items in standard. To extend more item, you 'll need additional plugin: Lazy Summaries Block Plugin — Squarewebsites Plugins

I tried on my phone and it looks good now.

Screen_Recording_20240801_070748_Samsung Internet.mp4  Have you figured it out?  

For the date format, i find the following free tool provided by Beyondspace which  is required at least business plan to run Javascript code
Squarespace Date format (affiliate link) - non affiliate link
Free - Easy - Quick - various format for you to implement the date format in your entire site

Here is the result I try on my demo site

Have you contacted the author of this plugin for support yet?

You can try using the id of the first service blog #block-8405fc091eba3a52221e

Google Extension to get page/section/block id with Squarepsace Finder ID
Hope it can help

Do you mean changing their size?
You can try the following custom CSS code
#block-806dacf7c049d07c3005 li ::marker { font-size: 12px; } This code only applies to the style of this accordion block. If you want to set it globally, remove the #block-806dacf7c049d07c3005 
hope it can help

You can use the following code
section[data-section-id="66ad0606d7a68728e6d0d1a3"] .list-item { position: relative; } section[data-section-id="66ad0606d7a68728e6d0d1a3"] .user-items-list-simple .list-item-content__button-container { position: static; } section[data-section-id="66ad0606d7a68728e6d0d1a3"] a.list-item-content__button { position: absolute; } section[data-section-id="66ad0606d7a68728e6d0d1a3"] .list-item:hover .list-item-content__title:after { background-color: #A9B8BC !important; width: 100% !important; } My testing

Let me know how it works on your site

Which code are you using? Can you share it here?

It is possible if we use pseudo element to achieve. Can you share your URL here and we can check it more easily?
If your site is not published yet, provide it with a protected password, share it here so we can access your site

Wow thank you, it worked!

This CSS style is making a padding top on your footer

Try the following code to overwrite it
footer section:first-child { padding-top: 0 !important; } Let me know how it works on your site

Your above code only replace the text Read more to Book Now
Based on @tuanphan share code, we can change a little bit to match on your site
<script> $('.summary-read-more-link').click(function(){ window.location=$(this).closest(".summary-item").find('.summary-thumbnail-container.sqs-gallery-image-container').attr("href"); return false; }); </script> Hope it can help

Try the following code instead for auto next 
<script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if (window.location == window.parent.location) { const reelControls = document.querySelectorAll('.user-items-list-banner-slideshow__arrow-button[aria-label*="Next"] .user-items-list-banner-slideshow__arrow-icon-background'); console.log(reelControls) reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script> solution reference from this post:
 

Perfecto. Thank you!

@HoaLT that works, thank you so much!

URL for sharing should not be added with slug /config.
I checked that It worked fine on my end. Have you figured it out?

2024-08-07 08-23-02.mp4

I checked that there is an element with no content so it creates space on mobile.

You can try the following custom CSS to set the banner image and the space
@media only screen and (max-width: 767px) { #block-667cdb514368e700a678359d { display: none; } #collection-667357e2434d0c43bdaf3040 .Parallax-item .Index-page-image img{ width: 100% !important; height: auto !important; left: 0 !important; } } The final result I tested on my side

Hope it can help

It should be
/* Hide Cart When Empty */ .cart-quantity-zero { display: none !important; } .products.collection-content-wrapper .nested-category-children::after { all: unset; } @media screen and ( min-width: 576px ) { /* Lightbox opacity */ .gallery-lightbox-background { opacity: 1.0; } p { text-decoration: none !important } } /* center gallery caption */ p.gallery-caption-content { text-align: center; } p.gallery-caption-content { font-size: 80% !important; } .gallery-grid-item .gallery-caption-content { white-space:pre; } Hope it can help

https://daffodil-kazoo-8698.squarespace.com/
password: 12345
Hi! My client is hoping to have different navigation links on different pages. This website is on a business plan. On the homepage, About, Projects, and Tender Impact page you would ideally see those current navigation links (which you can see now). Then, when you click on the button on the Tender Impact page "Learn More Here" (which takes you to the "Prelude" page) it has a different set of navigation links - a total of 3 others (those pages are built but currently under "not linked"
How can I achieve this? Thank you! 

Hello, I have encountered a problem with blog navigation.
The blog has older posts and newer posts links - to view older and newer posts which aren't displayed on the current page.
They work great, except when you go two pages into the oldest blogs (on my site it is as far as you can get date-wise) and then try to use the "newer posts" links to return to the first blog listing page - It now appears empty. Also the url is weird it keeps trying to offset, instead of returning to the original url.

https://www.polivantage.com/developmentlog

Try navigating to the oldest posts and then back to the newest, you will see the page with no blog list at all.

I would really like to know why this is happening and if there is a fix for this, apart from using JS to manually reset the link of the "newer posts" to navigate to the right url. I would like to avoid this because as I add more blog posts, the offset and the link will change.
Thanks in advance,
L.

EDIT:
I now see that when I am at the last blog list page, it doesn't return me to the previous page, but to the first one, and still keeps the link to go further to newer posts which are of course none. This results in an empty page. Why does it skip a page when going to newer posts?

I'm trying to style my blog post pages, specifically blog posts with reference lists. I want something similar to blogs I've seen on Substack where there are superscript numbers in the blog post that link to a footnote in the reference list at the bottom of the page.
You can also click on the number in the reference list at the bottom to travel back up to the corresponding reference.
Using the normal anchor link system with code blocks doesn't work for me, I would need to put code blocks above every new reference and this adds large spaces between them (would like to know if there's a way to make this not happen). Also, I'd be unable to add anchor links inside the main body of text to travel up to from the reference section.
I tried writing out the blog post in a code block using html text. That way I can add an anchor link to that specific paragraph, at least. This might work for styling the footnotes, but when I wrote out the blog post in a code block by copy and pasting the html the text lost the custom hyperlink styling that I've got set up across the site. And I also think this wouldn't let me anchor link up to individual lines or add several anchor links in the same paragraph.
Does anyone know how this can be done?
Thank you

how can i make my navigation bar wider
 

Hi,
I added a table using an embed block a while ago and now I can’t find a way to edit the text when clicking on the block. There seems to be lots of code misssing from the block. Previously I was able to edit individual words which were embedded.
I want to edit certain words which are capitalised in the table such as “OUR”. Is there a way to edit the text or am I going to need to create another table? I gather it is possible to edit as the text/table is still visible somehow.
I have attached screenshots to show what is visible currently
Please advise
Thanks
Atmos