Adding a full width picture or widget to the home page

How could I add a full-width picture under one of the sections like the about or services? I tried to add a widget but it was only a third of the page in width because it expected it to be one of your widgets.

Hello @kikisimpson,

Please provide me the website link with the 1/3 picture and I’ll provide you a CSS code to make it full width.

PS: You can check the private reply if there’s any issue with making the website public.

Thank you

Can I get the answer as well?


To add a full-width picture I did the following steps:

  1. Add a text widget to my Service section with the following image syntax inside the content (got the image URL from the WordPressMedia):
    <img src="http://localhost/lite/wp-content/uploads/2016/03/home-image.jpg" width="100%"/>

  2. Used the following CSS code to make the 1/3 widget span on the whole area:

width: 100% !important;

This might need better selector so not all the 1/3rd text widgets go for the 100% width.
In my case it was:

width: 100% !important;

I hope this will do.