Home>Support>Delete white space around a picture

Delete white space around a picture

By stuberm, 7 years ago. Last reply by stuberm, 7 years ago.

Hi,

Could you please help me deleting all white space around a picture? I tried page layout -> full width but it’s not really full width.

I’d like to have a homepage like your demo.

Url: http://the-changemaker.com/test/

Thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Stuberm,

    I would recommend installing SiteOrigin Page Builder and the SiteOrigin Widgets Bundle to build your website. These two plugins will allow you to easily do this sort of stuff without the need for using CSS. Let me know if you would like to take this path instead and I’ll provide direction. :)

    Okay, so the issue here is that images in WordPress aren’t full width by default. To make them full width you’ll need to use CSS to forcefully force them full width. If you haven’t already installed it, you’ll need to install the SiteOrigin CSS plugin, which gives you a full CSS editor. Once you’ve got that installed, navigate to AppearanceCustom CSS and add in the following code:

    .page-id-147 #main {
	padding: 0;
}

.page-id-147 .wp-image-128 {
	width: 100%;
}

    Please note that due to the dimensions of the source image, the image will be quite large after applying this CSS.

    How does that look?

  2. 7 years, 5 months ago stuberm

    Thanks a lot Alex, it worked perfectly.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More