Jump to content

images in the articles are not responsive


Recommended Posts

Hi everyone,
I have the problem that the images in the articles are not responsive and from a smartphone they turn out to be too big, can anyone help me?
here is the example https://www.areaclienti.mywebsolutions.eu/whmcs/knowledgebase/29/Cambio-password-account-di-elettronica.html

thanks a lot
 
Link to comment
Share on other sites

Lazy way:

body img {
    max-width: 100%;
    height: auto;
    display: block;
}

Or:

<img class="img-responsive" src="https://www.mywebsolutions.it/wp-content/uploads/2019/05/Cambio-password-webmail-mywebsolutions.jpg" alt="">

But you should remove all the unnecessary attributes you're using on images. I'm talking about class, style width and height.

<img class="alignnone size-full wp-image-2261" style="display: block; margin-left: auto; margin-right: auto;" src="https://www.mywebsolutions.it/wp-content/uploads/2019/05/Cambio-password-webmail-mywebsolutions.jpg" alt="" width="800" height="419">

This is the URL that should be used in KB:

<img src="https://www.mywebsolutions.it/wp-content/uploads/2019/05/Cambio-password-webmail-mywebsolutions.jpg" alt="">

 

Link to comment
Share on other sites

10 hours ago, Kian said:

Hello,

many many thank.

By

10 hours ago, Kian said:

 

 

 

Lazy way:


body img {
    max-width: 100%;
    height: auto;
    display: block;
}

Or:


<img class="img-responsive" src="https://www.mywebsolutions.it/wp-content/uploads/2019/05/Cambio-password-webmail-mywebsolutions.jpg" alt="">

But you should remove all the unnecessary attributes you're using on images. I'm talking about class, style width and height.


<img class="alignnone size-full wp-image-2261" style="display: block; margin-left: auto; margin-right: auto;" src="https://www.mywebsolutions.it/wp-content/uploads/2019/05/Cambio-password-webmail-mywebsolutions.jpg" alt="" width="800" height="419">

This is the URL that should be used in KB:


<img src="https://www.mywebsolutions.it/wp-content/uploads/2019/05/Cambio-password-webmail-mywebsolutions.jpg" alt="">

 

 

Link to comment
Share on other sites

  • 10 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated