visual_ess

4 hours ago, Spark-Plugin said:

Hello @visual_ess, You can create a dedicated section with a vertical video background specifically for mobile devices while keeping your current background video section for desktop view. With custom CSS, we’ll ensure the vertical video section appears only on mobile devices, providing a tailored experience for both views. Here’s how you can proceed:

1. Add a New Section:

   • Go to your Squarespace editor.
   • Create a new section just below your desktop background video section.
   • Add your vertical video to this new section.

2. Get the Section ID:

   • In the Squarespace editor, inspect the section using this extension to locate the ID for the vertical video section (e.g., #block-id).

3. Apply Custom CSS:
   Once you have the section ID, use the following CSS:

/* Hide video on desktop screens (768px and wider) */
@media screen and (min-width: 768px) {
  #block-yui_4_12_2_1_2718520257422_12345 {
    display: none; /* Completely hides this video block on desktop and larger screens */
  }
}

/* Hide video on mobile screens (767px and narrower) */
@media screen and (max-width: 767px) {
  #block-yui_1_17_2_1_2717496829514_12345 {
    display: none; /* Completely hides this video block on mobile and smaller screens */
  }
}

Replace #block-id with the ID of the vertical video section and #desktop-video-section-id with the ID of your desktop video section.

 

Let me know if it works:)

Amazing! Worked perfectly and so easy! Thank you so much!! 

Hey!

I have added a background video to homepage of the website

I have a vertical version of the video that I would like as the background video for mobile. 

Can anybody show me how it is possible to add 2 different videos please.

Thanks so much

Amazing thank you! This worked 🙂

12 hours ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS
 

section.blog-image-wrapper {
    box-shadow: 3px 4px 5px black;
}

 

https://ladybug-dodecahedron-fyyy.squarespace.com/articles

password: spectrum

Hey,

I am building a website for somebody and they have asked whether it is possible to take payments with the option to change this amount for each client they have? For example:

Client 1: total cost £300 Deposit: £150

first link payment amount: £150 - second link payment amount: £150

Client 2: total cost £100 Deposit: £50

first link payment amount: £50 - second link payment amount: £50

Not sure if I have explained this very well. I am sure PayPal gives this option, I was just wondering if theres a more user friendly way?

Thanks,

Sarah

Hi, I'd like all the images in my blog grid to have a solid black drop shadow.

I can't figure out the code to get this to work. Could anybody help please?

Thanks.

Sarah

8 hours ago, paul2009 said:

Hi Sarah

There isn't a great way to do this (yet!). The current workaround is to link the two products within the product description but the customer will still need to checkout separately with a subscription item. 

Squarespace know this is a pain point so I'm hopeful that the situation will improve soon 🙂.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you for your reply. Interesting!

That's so annoying! 😞 

Hi,

I have the advanced payment plan on Squarespace. This allows me to use the subscription feature.

I am having trouble figuring out the most efficient/user friendly solution to offer a way to purchase a subscription with an incentive like get 10% off the product if purchasing as a subscription and also to have an option to just add the product to bag and purchase individually. 

Could anybody help me with the best solution?

TIA

Sarah

On 1/1/2024 at 7:03 AM, tuanphan said:

Both need same, but current they are different

It should be (I added space on second font family code)

@font-face {
    font-family: 'Beaches And Cream';
    src: url(https://static1.squarespace.com/static/6212ab3874544343916c7031/t/65651dfd6eae2905b0c3564b/1701125629911/BeachesAndCream.otf)
}

.sqsrte-small {
    font-family: 'Beaches And Cream' !important;
    font-size: 70px;
    letter-spacing: 1px;
    line-height: 140%
}

 

Thank you so much! Fixed it. 

Website: www.visual-ess.com 

Font: Beaches and cream

I have the custom font beaches and cream installed and noticed it doesn't appear on mobile.

The code:

//* CUSTOM FONTS *//
@font-face {
font-family: 'Beaches And Cream';
src: url(https://static1.squarespace.com/static/6212ab3874544343916c7031/t/65651dfd6eae2905b0c3564b/1701125629911/BeachesAndCream.otf);
}

.sqsrte-small {font-family: 'BeachesAndCream' !important;  
font-size:70px;
letter-spacing:1px;
line-height:140%;
}

On 8/27/2023 at 2:16 AM, CassAggett said:

@visual_ess Hey Ess, there's a really easy way you can do this now without code. Instead of adding the image as a background and coding it to one side, you can add it to an image block and push it all the way to the edge of the screen and resize the inside edge to the centre of the screen. Then edit the section settings to remove the grid gap and fill screen option.

Here's a video running you through it [5 min]:

https://www.loom.com/share/8948909db2e54efda6b6e50a09bf5325?sid=45cf21f9-0020-4e1b-b926-aff4fcb38d4c

Hey thank you so much for this!!

I done it this way, and achieved what I wanted. 

www.visual-ess.com 

password: 2023 

Thank you both for your replies.

Yes Lesum, I wanted to keep 'what people are saying' side fixed, while being able to have the testimonials on the other side. Maybe have a slide of different text boxes?

Does anybody have suggestions on how i could do this?

Hey,

Password: 2023

Does anybody know how to do a split section where you can put text on both sides? I have the code to do split section with image on one side and text on the other. But I was wondering if it was possible to do background image with text title over it. And then text on the right side (please see attached for what I want it to look like, and then a screenshot of what I have).

Also, does anybody know if it is possible to do build a section like the one below? I'd possibly like the review to slide to the next review?

You're amazing. Thank you so much!!!

Hi thank you so much for your response. 

My password is: 2023. I have block ID for the text boxes I want to add it to, but don't know how to add the block ID into the code. The page is the homepage. 

Thank you!

I have created text with a white background, but wanted a black drop shadow to appear behind this. (not on the text inside the background colour). (please see visual-ess.com for an example of what i want it to look like, and image attached. I have attached image of what I can get it to look like). I would like it for different headings throughout the website (not an image block). 

I have found codes for image block drop shadow, but can't seem to find one for text with background. 

Thank you

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

I created a mock-up of how I wanted a navigation bar to look with bordered outline. I can't seem to find a code to do this, I can only achieve second screenshot. Does anybody know how to create the navigation bar in first screenshot?

Thanks!

I have created a contact form and wanted to add a drop-down list of countries which you could then pick your city from another list of cities in a drop-down in SquareSpace. Does anybody know how to do this?

TIA!

Hi,

I am looking to do this exact same thing. Was it ever solved?