WebSite X5Help Center

 
DIERICK Gunther
DIERICK Gunther
User

Images in blog - responsive  en

Author: DIERICK Gunther
Visited 1319, Followers 1, Shared 0  

Why are the images in blog (both blog page and article page) not responsive?

Posted on the
9 ANSWERS
Paul M.
Paul M.
Moderator

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

Read more
Posted on the from Paul M.
DIERICK Gunther
DIERICK Gunther
User
Author

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

Read more
Posted on the from DIERICK Gunther
DIERICK Gunther
DIERICK Gunther
User
Author

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

Read more
Posted on the from DIERICK Gunther
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

(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%" />

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Paul M.
Paul M.
Moderator

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?

DIERICK Gunther
The website has been uploaded with a blog page

Did you make this upload yesterday?

When did you update to version 2020.3.6 of WebSite X5?

Read more
Posted on the from Paul M.
DIERICK Gunther
DIERICK Gunther
User
Author

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.

Read more
Posted on the from DIERICK Gunther
Paul M.
Paul M.
Moderator

Thanks for the extra information, Gunther.

I've asked Incomedia to comment.  Please allow 24-72 hours for a reply, excluding weekends.

Read more
Posted on the from Paul M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
DIERICK Gunther
... ... ...  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. ... ... ... 

/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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪