Jump to content

Solution Tips for Banner

Go to solution Solved by tuanphan,

Recommended Posts

Hi All,

I hope you are all doing well. 

Could you please advise the best solution for the above site (currently a coming soon place holder).

My client would like to have the banner similar to the link below. The important part is that the change of images is automated and that they blend into each other. Plus, he wants the image to bleed into the navigation bar. 

Is it best, I create a video with the images and use that as a background or is there a code that does not mess with the page too much?

The client is aware that this practise will slow down the page but is too keen for this effect. 

https://www.nathanburkett.com.au/

 

Thank you for your help on this.

Andrea

P.S.: please advise if you need the squarespace url

Link to comment
On 11/23/2022 at 10:28 AM, JAndreaJ said:

Hi,

Thank you so much for getting back to me. 

Squarespace URL:  https://elephant-tuna-9kg8.squarespace.com

URL: www.davidbaptiste.com.au

I hope that helps. 

Andrea

Hi,

Which page?

image.thumb.png.7aad7b1e329b48fd1c15c3336a5774de.png

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
On 11/28/2022 at 7:36 AM, JAndreaJ said:

Hi,

 

It will be page currently called: "Home"

Thank you

Andrea

image.thumb.png.425d4e6cce1cbf9f3b7c6e6d56205ebe.png

You can click Home > Click arrow on top right >> Home url will appear on browser

We can't access your site backend to get page url in Not Linked.

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
On 12/12/2022 at 5:59 AM, JAndreaJ said:

So sorry. I thought the URL was enought and I did not get a notification via email that you sent this. 

I just enabled it, but added a password as I don't want the public to access the page yet. Can you still access it that way?

https://elephant-tuna-9kg8.squarespace.com/home2

 

Thank you

Andrea

Hi,

What is password?

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
  • 2 weeks later...
  • Solution
On 11/21/2022 at 7:44 AM, JAndreaJ said:

Hi All,

I hope you are all doing well. 

Could you please advise the best solution for the above site (currently a coming soon place holder).

My client would like to have the banner similar to the link below. The important part is that the change of images is automated and that they blend into each other. Plus, he wants the image to bleed into the navigation bar. 

Is it best, I create a video with the images and use that as a background or is there a code that does not mess with the page too much?

The client is aware that this practise will slow down the page but is too keen for this effect. 

https://www.nathanburkett.com.au/

 

Thank you for your help on this.

Andrea

P.S.: please advise if you need the squarespace url

You can add Gallery Section Full Slideshow or List Section Banner Slideshow

If Gallery Section Full Slideshow, next, add a section under it with text, we will give code to

  • Move text over gallery
  • make gallery image change after X seconds
  • gallery image bleed into nav bar

https://elephant-tuna-9kg8.squarespace.com/home2

Secret

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
  • 2 months later...

Hi,

Long time and nothing from me. My apologies. I am not the ultimate decision-maker over the content and I have only heard back now. 

I have implemented the Gallery Section Full Slideshow as advised and added the text underneath the section on a black background to make it stand out. 

It would be ready now to implement the code - finally 🙂

Can I also adjust the time, or will you code the rotation on your end? If you need the timing, please use 5 seconds. 

A quick question. Once the code is added, how easy is it to change pictures, and will I have the option to change the opacity? In case the text blends too much into the images (or the navigation titles), I would like to be able to adjust it accordingly.

Thank you so much for your help. 

Please let me know if you need any other details. 

Andrea

Link to comment
On 3/6/2023 at 8:37 AM, JAndreaJ said:

Hi,

Long time and nothing from me. My apologies. I am not the ultimate decision-maker over the content and I have only heard back now. 

I have implemented the Gallery Section Full Slideshow as advised and added the text underneath the section on a black background to make it stand out. 

It would be ready now to implement the code - finally 🙂

Can I also adjust the time, or will you code the rotation on your end? If you need the timing, please use 5 seconds. 

A quick question. Once the code is added, how easy is it to change pictures, and will I have the option to change the opacity? In case the text blends too much into the images (or the navigation titles), I would like to be able to adjust it accordingly.

Thank you so much for your help. 

Please let me know if you need any other details. 

Andrea

Can you share link to page where you added it?

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
On 3/8/2023 at 5:21 PM, JAndreaJ said:

Hi Tuan,

We have been conversing via email, so I am unsure if we are doubling up. 

The link is below:

https://elephant-tuna-9kg8.squarespace.com/home2

Password: Secret

I just added the code you sent me via email and responded as I am having problems with the image not bleeding into the navigation and even though I changed the opacity, it keeps bouncing back to too dark.

Thank you

Andrea

Answered your mail.

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

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.