Jump to content

Customize arrows in slideshow

Recommended Posts

  • Replies 11
  • Views 1.1k
  • 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. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.