FijiAnni

No worries. I have finally figured it out using Will Myer's amazingly easy tutorial! Auto Scroll for Carousel & Banner Slideshow’s for Auto Layout Sections in Squarespace 7.1 | Will-Myers | Get Better At Squarespace

Thanks. Will! 😄

Oh, I thought I added the link to the website somewhere. Here you go: 

Ultimate Fiji Vacations

Hi - I know this questions has been asked many times before, but I somehow couldn't make it work for my page yet. Can someone have a look and tell me how to make the banner slideshow on the homepage autoplay?

Note: I have also used a little bit of code to edit the text content on the slideshow (color of individual words etc.) So, it would be great if this part of the design would not be effected  and remained the way it is. 

Thankful for any help I can get 🙂

On 10/7/2022 at 10:05 AM, Lef said:

Hi @FijiAnni, how dit you solved the problem?

Sorry for the late reply! For me it was only a display problem. Since my hyperlink was located at the very bottom of the screen, the pop-up window that shows up when enabling the link to 'open in a new window' wasn't fully displayed and I couldn't click the actual 'APPLY' button. That's why it didn't work in my case. I moved the link a bit further up so I could see the whole pop-up, and moved it back to its' original position after I've actually applied the change. This is how it worked for me.  Not sure if that helps?

I figured it out! 🙂 Thank you!

Hi! Thanks for your reply! I just cleared my cache and gave it a try but it's still not working. I also tried different browsers, but the same problem occurs. Any other idea why this is happening? 

Site URL: https://pufferfish-mauve-jkwn.squarespace.com/

Hi! I've added a link to the footer of a website and changed the setting for enabling it to open in a new window but it won't save. It always opens in the same window, no matter how many times I change and save the settings. Each time I go back to settings it's disabled again. Is there a reason for this, or how can I fix it?

Also, any ideas on how to reduce the spacing between the link and its' underline in this text block only? 

website: https://pufferfish-mauve-jkwn.squarespace.com/

pswrd: letsgotofiji

Thanks!

24 minutes ago, Ziggy said:

Looks fine to me, how are you viewing it? Have you looked on a real phone? Even in an emulator it looks like this to me:

I just checked on my phone and now it looks like your screenshot. I might have to adjust the padding a little bit because now it's almost a bit too much on the right side, but other than that it looks good! Thank you! 

Can I assume that this looks good on pretty much all mobiles now? I'm only wondering why it's displayed so weird when I try to check out mobile view on my laptop.

Thank you so much for all your help!

1 hour ago, Ziggy said:

Try this:

@media only screen and (max-width:640px) {
.sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container {
    width: 100% !important;
 }
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
    width: 100% !important;
 }
.sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {
   margin-top: 20px;
 }
.summary-thumbnail-container{
  padding-bottom:20px; 
 }
 .sqs-gallery-design-list .sqs-gallery-image-container {
  padding-right:0px !important;
}
}

The bullet points look like they're pushed right, but they're not actually.

No, it still doesn't work 😞 

23 minutes ago, Ziggy said:

Without leaving the code installed, I can't see or diagnose the problem, sorry!

Ok sorry -  I have now saved the code, so you can see what the problem is. Thanks! 

3 hours ago, Ziggy said:

Try this:

@media only screen and (max-width:640px) {
.sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container {
    width: 100% !important;
 }
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
    width: 100% !important;
 }
.sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {
   margin-top: 20px;
 }
.summary-thumbnail-container{
  padding-bottom:40px; 
 }
}

 

It's still happening 😞 So weird. It always looks great and exactly how I want it in CSS edit mode, but when I look at the actual mobile page in full screen it's shifting to the left. 

10 minutes ago, Ziggy said:

When I look at this page the mobile stacking doesn't even occur, so something isn't working right with your Custom CSS. You do potentially have an issue with this code, only the first half is just applied to mobile:

Try this:

@media screen and (max-width:640px) {
.sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container {
    width: 100% !important;
 }
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
    width: 100% !important;
 }
.sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {
   margin-top: 20px;
 }
.summary-thumbnail-container{
  padding-bottom:40px !important 
 }
.summary-excerpt{
  padding-right:20px !important 
 }
.summary-thumbnail-container{
  padding-left:20px !important 
 }
}

But as it isn't working correctly at all at the moment, you may be better removing the Custom CSS that is applied to this section, so that the forum can look at it and potentially provide you with some new CSS to achieve what you want.

Thank you for looking into this!! I really appreciate it.

I've  deleted the CSS code earlier today just in case it's easier to try a whole new option. That's why the stacked view wasn't showing anymore 🙂

I've tried your version but the same problem occurs. 

Is there any other code to get the stacked list with larger images and centered excerpt? Thanks!

55 minutes ago, tuanphan said:

incorrect password

Fiji2022'

should be correct now. Can you try again?

@bangank36 Hi! I've seen some posts where you helped people with a similar question. Would you mind having a look at my problem? I would really appreciate your help! 🙂

Mamanuca Islands — Ultimate Fiji Vacations (squarespace.com)

pswrd: Fiji2022'

9 minutes ago, tuanphan said:

First, change it to this

Your <span style="color:#FFE91D;">ULTIMATE</span> South Pacific Specialist for over 30 years

Next, add this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".list-item-content__title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

 

Amazing! Thank you!! 

Is there anyone who knows how to center the excerpt in mobile view (as described above)?

I'm almost done with my website but this is the last major issue I have 😞

Thanks in advance!

5 hours ago, tuanphan said:

For List under this text? Latest Specials & Fiji Packages.

No, for the title on the banner-slideshow on top of the page. I would like the word ULTIMATE to be bold and yellow. I used the following code (but deleted it again for now as it didn't display the way I wanted after leaving the edit mode. I can add it again if there is a way to make it display correctly when looking at the actual page).

Your <b><font color="#FFE91D">ULTIMATE</b></font color> South Pacific Specialist for over 30 years

12 hours ago, tuanphan said:

Can you share link to page where you use slideshow?

Yes! Here you go: 

Ultimate Fiji Vacations (squarespace.com) 

pswrd: Fiji2022'

Anyone who can help me with this, please? 🙂

16 hours ago, Diggy3768 said:

Hi there! May I ask what the solution for this was? I'm having the EXACT same problem changing the color of one individual word in a slideshow-banner title (squarespace 7.1). It looks great in edit mode but displays cryptic when looking at the site. 

Thanks!

Hi @tuanphan Can you let me know what you did to help @glenbeavis with the above? I'm having the exact same problem (squarespace 7.1).

Hi there! May I ask what the solution for this was? I'm having the EXACT same problem changing the color of one individual word in a slideshow-banner title (squarespace 7.1). It looks great in edit mode but displays cryptic when looking at the site. 

Thanks!

Site URL: https://pufferfish-mauve-jkwn.squarespace.com/new-page-1

Hi! I want a summary list to be displayed with enlarged images and centered excerpt in mobile view. I've added some custom code and sometimes (especially in CSS edit mode) it looks like it's all perfect. But when I exit CSS edit mode and change to full screen the layout changes and the excerpt moves over to the left side. I've attached 2 screenshots so you can see both versions (left side: looking all good in edit mode // right side: shifting to the side in full screen). 

I used the following code:

@media screen and (max-width:640px) {
.sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container {
    width: 100% !important;
}
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
    width: 100% !important;
}
.sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title {
   margin-top: 20px;
}
}
.summary-thumbnail-container{
  padding-bottom:40px !important 
}
.summary-excerpt{
  padding-right:20px !important 
}
.summary-thumbnail-container{
  padding-left:20px !important 
}

The problem occurs on all my devices (laptop, tablet, android phone) and on all the browsers that I've tried (Microsoft Edge, Chrome, Firefox). So it must be the code but I can't figure it out. 

Anybody out there who can help me with that?? 🙂