Hi Ismael.
I tried editing the original page and re-uploading a couple images, but that didn’t change anything on the German/translated page. In the past when I manually create a new translated page, I would select the option to copy/duplicate the content from the original English page in the WPML language settings. Then replace the duplicated English content with the new translated content. But when submitting translations to a translation service, I don’t actually create the new German page the same way. When the translation is completed the page is there and looks fine when it comes to content, but no images. So I’m not sure what to do about that.

Hi Victoria,
Do you mean CSS merging? If so, I already have that disabled to allow me to update the child theme style.css file.

Hi Nikko,
That password is just to view the website. I created a WP admin user for you and that info is below.
Ryan

Thanks Yigit. It looks like that did the trick.

Hi Rikard,
I was able to adjust things so the text was visible for the most part. But it does still get covered over a little bit in a couple instances. So it would be nice to be able to just let it resize and place an overlay on the slide images to fade them out some and allow the text to be readable on top of them.

I included two images below. One shows a screenshot of a slide as it displays now with the text running over the slide image a little. The second shows what I am trying to do by placing an overlay on top of the image. It’s a little rough, but should give you the idea of what I am trying to do. In the image with the overlay, the text would be on top and 100%. Only the image would be faded out.

Thanks Rikard. That changed the borders on the left and right. I was able to change the top and bottom with this CSS:

.av-border-top-bottom {
	border-color: #15577b;
}

Btw… one thing I noticed is the first image is displaying a pixel taller than the other four images and the files are all the same size (600 by 345), so I’m not sure what is causing that with just the first one.

I’m good. You can close it now. Thanks for checking.

Thanks Ismael. It looks like that works – when I click on the product photo, it no longer has a link on it. However in Firefox when I click on the “3D View” button it opens that in a new tab in addition to the lightbox view.

Hi Ismael,
Unfortunately, I don’t think that will work. We still need users to be able to click on the image in the page and open the larger version in the light box view. So if we change the setting to ‘No Link’, then it won’t do that. The issue specifically is the link on the image once it is opened in light box view and being able to click on it and go to another item. Is there a way to disable that or remove it?
Thanks.

Sure. If you click on the yellow “3D View” button on the left under the product photo, it will open the lightbox.

Thanks Victoria. I had some other things to take care of on the website that delayed me from looking into this. I was able to get it to work after looking at the post/link you provided. I think I pretty much had it working, but was missing the ?iframe=true at the end of the URL. Thanks again.

Sure, you can see what I am referring to on these two pages.

Hi Jordan,
I’m all good. Thanks for checking.
Ryan

I did notice something with the area where your mouse goes over the containers and when they flip. If you move your mouse a little under the bottom row, or just above the top row, the containers flip. Is there something in the CSS that can be done to make sure the containers only flip when you mouse over just the width and height of the actual containers? Thanks!

• This reply was modified 4 years, 4 months ago by NicomIT.