Add additional text to "Intro" Auto Layout Hero Carousel

Hey everyone,

I'm currently using the "Intro" Auto Layout Carousel as a hero section on my home page. I'm trying to figure out how to add two lines of additional text on the bottom right. My goal is to add the name and location of different hotels on each slide. I've attached a screenshot of what I'm trying to achieve below:

If anyone can offer some guidance, I would greatly appreciate it!

I think we can use some CSS code to achieve this. Can you share link to homepage? We can check easier

Hi @tuanphan,

Thanks for the reply!

Here is the website link: https://www.coasthotelsdevelopment.com/

Password: !CoasthotelsDev123

Please let me know if you need any more info.

On 3/18/2024 at 3:23 AM, liandro said:

Hi @tuanphan,

Thanks for the reply!

Here is the website link: https://www.coasthotelsdevelopment.com/

Password: !CoasthotelsDev123

Please let me know if you need any more info.

I tried testing some code, you can check a demo

https://tuanphan5-test.squarespace.com/list-slideshow?noredirect

pass: abc

That is perfect! Thank you.

Would this be able to be replicated on the other slides as well and have the information change per slide?

Best,

Liandro

On 3/20/2024 at 11:16 PM, liandro said:

That is perfect! Thank you.

Would this be able to be replicated on the other slides as well and have the information change per slide?

Best,

Liandro

Yes, but each slide will require a different code.

Right text, is last paragraph, I used code to move it to right

here is screenshot in backend

so you can add text to slide, then let me know which text you want to float to right, I will give the code & rule to find code in the future

I see. The way that you have set it up currently is correct to me! Thanks!

For my website, the text that reads "hotel franchising simplified", "our flexible approach is your strategic advantage" and "Together, let's make your hotel a success", should always be bottom left. The hotel name and location should always be bottom right.

On 3/25/2024 at 11:25 PM, liandro said:

I see. The way that you have set it up currently is correct to me! Thanks!

For my website, the text that reads "hotel franchising simplified", "our flexible approach is your strategic advantage" and "Together, let's make your hotel a success", should always be bottom left. The hotel name and location should always be bottom right.

 

I see you haven't added Hotel Name and Location yet

Hi @tuanphan,

Apologies, I had misunderstood your previous message. I have now added the hotel names and locations to the slides.

Note: The site is currently in review by my colleagues so I have created a duplicate of the Home page to test these changes: 
https://www.coasthotelsdevelopment.com/homepage-test
Password: !CoasthotelsDev123

Please let me know if I can provide any additional information.

Best!

On 3/28/2024 at 12:23 AM, liandro said:

Hi @tuanphan,

Apologies, I had misunderstood your previous message. I have now added the hotel names and locations to the slides.

Note: The site is currently in review by my colleagues so I have created a duplicate of the Home page to test these changes: 
https://www.coasthotelsdevelopment.com/homepage-test
Password: !CoasthotelsDev123

Please let me know if I can provide any additional information.

Best!

It looks like you used Shift + Enter to add line break.

Can you use Enter instead? Because use Enter, each text will be in a <p> tag so I can target it.

But if you use Shift Enter, all text still be in a same <p> tag with <br/> and I can't target Hotel Name/Location

I see! I've just updated everything using a regular "Enter". Please let me know if this works for you now.

Thank you for sending the code. I've just tested it out and it looks almost perfect! 

I was wondering if you'd be able to help me with an issue i'm seeing with the text overlapping:

It looks like the issue is only on the slides that use "our flexible approach is your strategic advantage". Is it possible to force a line break after the "is" like this:
 

Thank you again for your help!

Apologies, I'm also seeing the issue occur on the other slide as well:

On 4/5/2024 at 2:37 PM, liandro said:

Thank you for sending the code. I've just tested it out and it looks almost perfect! 

I was wondering if you'd be able to help me with an issue i'm seeing with the text overlapping:

It looks like the issue is only on the slides that use "our flexible approach is your strategic advantage". Is it possible to force a line break after the "is" like this:
 

Thank you again for your help!

To force line break, we can use <br> tag, but will require a Business Plan or higher

If you use Personal Plan, let me know, we can limit width of text, so it will break, or reduce text size

Hi, I checked and it looks to be that I am on a Business Plan.

On 4/8/2024 at 4:40 PM, liandro said:

Hi, I checked and it looks to be that I am on a Business Plan.

I wrote this guide some days ago, you can check

https://summaryblock.com/list-carousel-line-break/

It worked! Thank you for all your help.