This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Delete white space around a picture

Resolved 2 replies customizationgeneral
stuberm
8 years ago · Last reply by stuberm 8 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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 8 years, 10 months ago

    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. stuberm 8 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread