"container-photo-gallery-container" -...

User 2133610 Photo


Registered User
10 posts

Hi guys,

Hope you are all good.
I have no idea of code (would love to learn though...someday !).
I am developing a website, so have to use a template, the one I have selected is FURNS CO theme and getting stuck ! Can anyone point me in right direction...in one of the pages there is an element "container-photo-gallery-container", there are 6 images in the template which I am trying to replace, I can only change one and not the other 5.
The solution is probably staring me in the face!
Please help.

Kind regards
John
User 122279 Photo


Senior Advisor
14,053 posts

I could try to help, but I don't have the template you are using. I don't want having to buy it just to help someone.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2133610 Photo


Registered User
10 posts

Thanks Inger

Have a look at attached image.
If you can help, would be great.
There are 6 images in the template.

John
Attachments:
User 2699991 Photo


Registered User
4,135 posts
Online Now

John Cahill wrote:
Hi guys,

Hope you are all good.
I have no idea of code (would love to learn though...someday !).
I am developing a website, so have to use a template, the one I have selected is FURNS CO theme and getting stuck ! Can anyone point me in right direction...in one of the pages there is an element "container-photo-gallery-container", there are 6 images in the template which I am trying to replace, I can only change one and not the other 5.
The solution is probably staring me in the face!
Please help.

Kind regards
John

Try looking at the ID for the containers that is most likely where the images are,

User 379556 Photo


Registered User
1,327 posts

I think the page in question in the project (.rsd) file is called product-page. Five of the containers with the class 'container-photo' have IDs set in the ID Selector section at the top of the Styles Panel. Those IDs are 'container-1', 'container-2', 'container-3', 'container-4', and 'container-5'.

In the Styles panel > Design tab > Background section of all those 'container-photo' containers the background image will show as chair.jpg when the Apply Styles section is set as 'To all elements of this type'. When the Apply Styles is set as 'To this element id only', the five containers with IDs mentioned above will show the background image as other images.

Changing the images shown for the five containers with IDs should be done in that Background section with Apply Styles is set as 'To this element id only'.

Changing the image for the 'container-photo' container without an ID should be done in the Background section with the Apply Styles section set as 'To all elements of this type'.

Frank

User 122279 Photo


Senior Advisor
14,053 posts

I agree with those who have replied already. I often use the same technique myself, of styling a block of the same element to look the same. Then I give the individual elements different IDs to be able to e.g. put in a different image in each.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2133610 Photo


Registered User
10 posts

Hi Frank,

Magic. It works.

Many thanks guys for helping.

John


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.