Outreach-Slider: How to remove extra white space on right side

[Linda MullerParticipant Post count: 4]

After hours of tweaking with the CSS and testing numerous Slider plugins I figured out how to remove the white space from the right side of the slider.  Here’s how I finally did it:

Change the width of your slider/images from 1040px to 1060px

The Outreach README states:

FEATURED IMAGES
By default WordPress will create a default thumbnail image for each image you upload and the size can be specified in your dashboard under Settings > Media. In addition, the Outreach child theme creates the following thumbnail images you’ll see below, which are defined (and can be modified) in the functions.php file. These are the recommended thumbnail sizes that are used on the Outreach child theme demo site.

featured – 1040px by 400px
home-sections – 215px by 140px
sidebar – 300px by 150px

So I originally put my image width at 1040px.

I tried numerous CSS tweaks to remove the white space from the right side of the slider.

The original CSS has this:

.wrap {
margin: 0 auto;
width: 1060px;
}

I figured changing it to the width of 1040px [which is stated in the README] would fix it. That really threw my site off and aligned everything left.

So the easiest thing to do until the README or the CSS is corrected is to change the width to 1060px for the slider/images.

BTW – I found a great slider on the WP site: Cyclone Slider. It has good reviews and seems fairly lightweight considering the number of options.

Hope this helps!

• This topic was modified 3 months, 2 weeks ago by  Linda Muller.

• This topic was modified 3 months, 2 weeks ago by  Linda Muller.

[SoZoModerator Post count: 1573]

Thanks for sharing

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[kathiemtParticipant Post count: 38]

Just to clarify, you’re saying you changed the width to 1060 in the slider settings?

[Linda MullerParticipant Post count: 4]

Yes, make the width 1060 in the slider settings.   Hope that helps!

[Author]

Posts