Jump to content

Customize arrows in slideshow

Recommended Posts

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

15 hours ago, orneverornow said:

Site URL: https://lisisloggia.squarespace.com/

Hi there

I would like to customize the arrows in my slideshow. I have tried a lot of instructions here in the forum, but nothing works.
I also uploaded .svg files with the name arrow_left.svg and arrow_right.svg. Can anyone please help?

https://lisisloggia.squarespace.com/
PW: orneverornow

Many thanks
Sibylle

Hi, can you share the links to the .svg files you uploaded? Thanks

Please give this a 👍 if it helps

Link to comment
On 3/3/2022 at 9:33 PM, orneverornow said:

Where can I find the link? I can only see what is in the screenshot attached.

Thank you!!

Bildschirmfoto 2022-03-03 um 15.32.41.png

the file url will be https://lisisloggia.squarespace.com/s/arrow_right.svg

Note: some uploaded files won't show on Trial Plan

Mobile: you want to keep layout, similar desktop?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
11 hours ago, orneverornow said:

Hi @tuanphan. Thank you very much!! The prices should be shown as a table, like in the desktop view. How can I solve it in mobile?

Thanks for your help!
Best, Sibylle

Bildschirmfoto 2022-03-13 um 23.24.41.png

IMG_6506.PNG

Hi. Which pae are you referring to?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hi,

Use this code in Design -> Custom CSS

@media screen and (max-width:640px){
#block-yui_3_17_2_1_1646400546893_8353 .sqs-block-content * {
    white-space: nowrap !important;
    word-break: unset !important;
}

#block-yui_3_17_2_1_1646400546893_8353.sqs-block-html .sqs-block-content {
    overflow: scroll;
}
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
2 hours ago, IXStudio said:

Hi,

Use this code in Design -> Custom CSS

@media screen and (max-width:640px){
#block-yui_3_17_2_1_1646400546893_8353 .sqs-block-content * {
    white-space: nowrap !important;
    word-break: unset !important;
}

#block-yui_3_17_2_1_1646400546893_8353.sqs-block-html .sqs-block-content {
    overflow: scroll;
}
}

Please use the like button if it helps you!

Best,
Leopold

Hi @IXStudio

Thank you very much for your help. It works, but still not completely right. Please find a screenshot attached.

Thank you!!
Sibylle

IMG_6507.PNG

Link to comment
16 hours ago, orneverornow said:

Hi @IXStudio

Thank you very much for your help. It works, but still not completely right. Please find a screenshot attached.

Thank you!!
Sibylle

IMG_6507.PNG

Screenshot looks fine. Can you explain?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
6 minutes ago, tuanphan said:

Screenshot looks fine. Can you explain?

Hi @tuanphan
Weisshorn should be above the first row of prices and the last row (Rosengarten) is not fully visible.
There should be 3 rows: Season, Weisshorn and Rosengarten with below the infos like in a table.

Thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.