Images in blog - responsive
Autor: DIERICK Gunther
Visited 1320,
Followers 1,
Udostępniony 0
Why are the images in blog (both blog page and article page) not responsive?
Posted on the
Hello,
I haven't found this to be the case. Do you have a link to check?
What browser(s) are you using to test?
Kind regards,
Paul
Search the WebSite X5 Help Center
Autor
Hello,
In the blog-article page it's OK. The picture is responsive on different devices (iphone, desktop,...), but het Blog-page only shows the complete picture on a desktop. With other devices I only see a piece of the picture. (pictures included).
I used Chrome in the preview. My Blog isn't uploaden yet. I'll upload it asap.
Kind regards.
Gunther
Autor
The website has been uploaded with a blog page, the result is as mentioned before.
Is there any solution to this problem?
Thanks for any input:)
Gunther
(It > En) ... in order to verify, you have to post the LINK, it would be better ...
... anyway, to get elastic images, just use the html <IMG> tag ...
... for example, to do a quick test, paste this simple string:
<img src="https://cdn.pixabay.com/photo/2016/11/06/22/58/horse-1804425__340.jpg" width="100%" />
.
Autor
https://schoenenmaggy.be/blog/
Thanks for providing a link, Gunther.
I visited that same URL yesterday whilst taking a first look at your issue (I assumed the blog would be located on the domain listed in your profile).
What is very strange is that yesterday all images were fully responsive. I can assure you of this, as I checked your page very carefully in all viewports. However, today the images are not responsive, just as you say.
What have been the most recent changes that you have made to your blog settings? Have you made any other edits or additions to the blog page(s) recently?
Did you make this upload yesterday?
When did you update to version 2020.3.6 of WebSite X5?
Autor
The website was uploaded for the first time yesterday with a blog added.
The images are indeed responsive on the individual article pages.
On the main page with the latest blog articles (4) and in the right column (the recent posts and the categories) the images are not responsive on different devices.
I took a look at Website X5's blog itself and actually see the same problem there.
Update was carried out as soon as the message appeared in the program. I can no longer say the correct date.
Thanks.
Thanks for the extra information, Gunther.
I've asked Incomedia to comment. Please allow 24-72 hours for a reply, excluding weekends.
/It > En) ... in the > blog/INDEX page the images are resized according to the "css cover" logic, but they are not suitable; ... should be square in ratio (1:1), or (4:3) ...
... instead you can solve by obtaining a pseudo-rational relationship with this EXTRA code of mine:
<style>
@media(max-width:1199px) {
div[id^='imBlogPostCardCover_000'] { height:190px !important;}
.imBlogPostCardWithCover {min-heightX:0px !important;marginX:0px !important;paddingX:0px !important;height:auto !important;}}
@media(max-width:839px) {
div[id^='imBlogPostCardCover_000'] { height:80px !important;}}
@media(max-width:479px) {
div[id^='imBlogPostCardCover_000'] { height:150px !important; }}
</style>
... the code must be pasted in the ALIAS properties of the BLOG | > ▪Custom Code | 3rd option > Before closing the HEAD tag
.
ciao
.