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:
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:
margin: 0 auto;
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!
Just to clarify, you’re saying you changed the width to 1060 in the slider settings?
Yes, make the width 1060 in the slider settings. Hope that helps!
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.