How to make image mobile responsive on dictionary pages

Need help? Please give a detailed explanation of your problem.
Post Reply
Lfrailey173
Posts: 505
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Thu Oct 23, 2014 4:16 pm
Website: apwt.realnoni.com

How to make image mobile responsive on dictionary pages

Post by Lfrailey173 »

Hi!
Where do I make an image on a dictionary term responsive for mobile? I'm unable to find the area to mark it responsive so they image doesn't completely distort for those customers using mobile. In editing a blog we have the "responsive" box to tick but I'm unable to find this for any dictionary term.
User avatar
NoahBaldwin
Support Team
Support Team
Posts: 117
Joined: Fri Jan 04, 2019 11:21 am
Website: www.allprowebtools.com

Re: How to make image mobile responsive

Post by NoahBaldwin »

You can accomplish this by going to the image properties and selecting "advanced" as shown here:
image-advanced1.jpg
image-advanced1.jpg (42.07 KiB) Viewed 1879 times
On the next screen, you will enter this into the box labeled "style":

Code: Select all

display: block;max-width: 100%;height: auto;
as shown here:
image-advanced2.jpg
image-advanced2.jpg (38.47 KiB) Viewed 1879 times
Steve173
Posts: 174
Joined: Mon Jun 01, 2015 7:55 pm
Website: www.realnoni.com

Re: How to make image mobile responsive

Post by Steve173 »

what if there is already code in the "style" box? Do we just add "display: block;max-width: 100%;height: auto;" after the code that's there?
User avatar
NoahBaldwin
Support Team
Support Team
Posts: 117
Joined: Fri Jan 04, 2019 11:21 am
Website: www.allprowebtools.com

Re: How to make image mobile responsive

Post by NoahBaldwin »

Yes you can add it. Just make sure the previous code ends with a semicolon ; then paste the new code after the semicolon.
Post Reply