Ripple template + j2store = images in description
Hi,
I am trying to add a photo in the text in the article, which should then be in the description of the j2store item. Everything ok, but the photo is not responsive. In the photo code in the article, I add width = 100%, but max-width doesn't work and then the photo stretches too much.
I'm looking for something in the css file but can't find anything.
How to set it up so that all photos in the item description are displayed correctly on all devices?
I am trying to add a photo in the text in the article, which should then be in the description of the j2store item. Everything ok, but the photo is not responsive. In the photo code in the article, I add width = 100%, but max-width doesn't work and then the photo stretches too much.
I'm looking for something in the css file but can't find anything.
How to set it up so that all photos in the item description are displayed correctly on all devices?
The discussion has been resolved.
The discussion has been locked.
Can you share your website url and the url of the page?Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264- Hi, the image is responsive right? Please have a look on this video belowPlease post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
I mean the second image that is in the item description. Below.- It's because you define the width and height of image
This is probably because you're copy pasting the content to the description. Try to toggle the editor to HTML editor (when editing the description) then remove the width, height and max-width from the codePlease post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264 - I have tried this before. Now it's removed. But it continues to display the same way ...
- Ok try to add this to the html of image : max-width:100%;Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
- I did that before too, it doesn't work. You can check, now is like that.
- You did it wrong :
<img src="/images/produkty/kije/.." style="display: block; margin-left: auto; margin-right: auto;" max-width="100%" />
it should be
<img src="/images/produkty/kije/.." style="display: block; margin-left: auto; margin-right: auto;max-width:100%;" />Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264 - Great! Now it is working fine! Thank you!
- No problem glad could help
Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
Discussions are now locked. You will not be able to reply to this discussion