Hello,
I have the problem that the image is not displayed when the page loads. It is somehow just not visible, because by drag and drop I can see it (see photo the red marked area).
I use the Impulse theme version 7.3.3
Can someone help me with this? Is there maybe a CSS code to make the image visible and centered?
I’m a bit lost about solving this issue, since the text is displayed without any problems.
Here is a test page to investigate: https://fernweh-kaufhaus.de/pages/testseite
Hi @LadyExciter
Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css
img { opacity: 1; }
Thank you very much for your help, the photos are now visible.
But unfortunately not in the middle, as I had actually created the page. (See photo)
But unfortunately left-aligned and below each other. (see photo)
Is there a possibility to get the pictures in the middle and next to each other, as I had actually created them in pages?
I have changed the link to my test page, because I have also contacted the theme manufacturer because this can actually only be a bug in version 7.3.3 and I want to send the page without the CSS code.
Here is the new link with CSS code, where first the photos are displayed but not in the center and below each other:
https://fernweh-kaufhaus.de/pages/testseite1
I have now looked through all the help pages for CSS but have not found anything on how to get the images centered and side by side.
Can someone please help me with this problem?
Hi @LadyExciter
Add this CSS code to the theme.css file:
.rte > div { display: flex; justify-content: center; }
Result:
Good luck, if this solution helps you, please mark it as the solution. Thank you!
