mywebsolutions Posted May 25, 2019 Share Posted May 25, 2019 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.htmlthanks a lot 0 Quote Link to comment Share on other sites More sharing options...
Kian Posted May 27, 2019 Share Posted May 27, 2019 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=""> 0 Quote Link to comment Share on other sites More sharing options...
mywebsolutions Posted May 27, 2019 Author Share Posted May 27, 2019 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=""> 0 Quote Link to comment Share on other sites More sharing options...
mywebsolutions Posted May 27, 2019 Author Share Posted May 27, 2019 Hello, Many Many Thank!!! By 0 Quote Link to comment Share on other sites More sharing options...
Surc0uf Posted April 21, 2020 Share Posted April 21, 2020 Hello, Now you can also use in the advanced tab something like : width: 100%; height: auto; max-width: 903px; 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.