Responsive Images and Videos On Your WordPress Site In 3 Easy Steps

How are you reading this guide?

On a phone? Tablet? Desktop computer? Laptop? Maybe you own all of these things…

It’s great that we can browse the internet in so many ways but that means websites need to be able to adapt and look great on every screen. Your’s is no exception!

So to give you a helping hand, here’s a very quick and easy 3 step guide on how to make the images and videos on your WordPress site responsive:

How it’s done:

1. On the left hand side of your WordPress dashboard, hover over the appearance tab and click on the editor button.

2. Within the editor window open your themes style.css file and copy the following piece of code at the footer of the file:

embed, iframe, img, object, video { max-width: 100%; }

3. Click the ‘Update File’ button and you should receive a confirmation message confirming the changes you made.

Congratulations all of the videos and images on your site are responsive and look good on every screen!