Adding a second image to the carosel...

User 2624719 Photo


Registered User
283 posts

Hi having a problem adding a second image to Carousel slider i can add image to first slide but i cant figure out how to get to the second or third slide to change the image help ?
Regards Adrian
User 187934 Photo


Senior Advisor
20,271 posts

Hi Adrian,
In RCS select the Slides tab
Now select Add Blank Slide.
Now you can go to the design tab and set your image and styling for that slide.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2624719 Photo


Registered User
283 posts

Hi Eric there is no slide tab that i can find im'e working in RSD not RCS so don't know if that applies and i have not found the tab your talking about if you can point me in that direction it would be good
Regards Adrian
User 122279 Photo


Senior Advisor
14,651 posts
Online Now

You must be using the bootstrap system since you are talking about carousel. If you open the inspector tab and check the box saying show hidden elements, you will see all the images. Then go to the design tab and copy the container element with an image in it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2624719 Photo


Registered User
283 posts

Hi Inger yes it is bootstrap 4 i have tried to do what you suggest however the inspector only shows one picture .
asd for copy the container element not sure what to do when ive done that where do you place it ?
regards Adrian
User 122279 Photo


Senior Advisor
14,651 posts
Online Now

I'm trying to figure out which is the best way of explaining this...

Find the container with the class name 'carousel-inner'. Open it in the inspector pane (the wee triangle has to point down)
You will find some new containers inside the carousel-inner one, with the class name 'carousel-item'.
Inside the carousel-item ones there is a picture.
Mark one of the carousel-items (Not the first one, because it also has a class 'active'!).
Then go to the design pane with that carousel-item selected, and click on 'duplicate' at the end of the Element section. Each time you click on Duplicate, there is a new container carousel-item created, each with a placeholder picture.
Then you just change the pictures to what you want to show.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2624719 Photo


Registered User
283 posts

Hi Inger yes that is it you have explained it perfectly this should be used as a tutorial for anyone in the same boat
what was confusing me is that the new image sits below the first slide until you preview it . what learning curve i am on great help from this forum
Regards Adrian
User 122279 Photo


Senior Advisor
14,651 posts
Online Now

If it can be a comfort: We are several who have been on the same learning curve :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,271 posts

Sorry , I thought you were using Responsive Content Slider.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.