Adding a full width picture or widget to the home page

Illdy
1

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.

2

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

3

Can I get the answer as well?

4

Hello,

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:

.col-sm-4.widget_text{
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:

#text-10.widget_text{
width: 100% !important;
}

I hope this will do.

Regards