How to make Outreach Pro slider width 100%

[HeatherO]

Is it possible to make the slider in Outreach Pro go the full width of the screen? I want a full width slider. Other themes may have a full width main photo but not a slider. And I want 4 widgets below the slider so I'd like to use Outreach Pro. Any ideas?

Thank you,
Heather

http://my.studiopress.com/themes/outreach/#demo-full

[James]

Hi Heather

you can easily do this by adding a 100% width to the .wrap that the slider is in.

like so

.outreach-pro-home .site-inner .wrap {
  max-width: 100%;
}

you would then need to edit the slider settings for a large image, say 1920px X 460px

but this still leaves the slider content and arrows to be close to the edge of the screen, so some addition styling would be required for those.

[HeatherO]

I think I tried that and it made the whole page including the header, and widgets below the slider also 100% across. Maybe even the interior pages. I only want the slider to go the full width.

[James]

hi Heather

the code above only changes the width of the .wrap where the slider is, nothing else

tested and working

[HeatherO]

Wow can't thank you enough! It looks great. I had to get rid of the padding and margins. Very happy!

I would also like to make the slider 100% wide in Enterprise Pro. Can you help? I am using Soliloquy slider.
http://181.224.138.164/~paraspor/

Thank you

[HeatherO]

I think I got it. Thank you.

.home-top.widget-area .wrap {
max-width: 100%;
}

[James]

you got the idea now

no need to include the '.widget-area', not needed.

.home-top .wrap {
max-width: 100%;
}

[Author]

Posts