Extend Slider Widget Area Beyond Full Width Page

This topic has 3 replies, 2 voices, and was last updated 9 years, 9 months ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 29, 2013 at 1:49 pm #4403

golvwine
Customer

Hi,

I’m using a slider that I’d like to have extended to the maximum size of the user’s screen. Is there a way to alter the widget area to extend beyond the theme’s full width of 1152 px?

Paul

April 29, 2013 at 1:58 pm #4407
Wes
Moderator
Yes you can take a look around line 2570 in your css file for something like this –
```
.slider-inner {
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0 0 40px !important;
    width: 1152px;
}
```
You can change the width to 100%
April 29, 2013 at 6:43 pm #4419

golvwine
Customer

OK thanks that worked!

How would I remove the margin empty areas at the top and bottom of the slider between the header and welcome wide?

April 29, 2013 at 9:17 pm #4427
Wes
Moderator
The space at the top of the slider is actually coming from the #head-wrap. The #head-wrap has 40px margin bottom and can be found around line 630 in your css file. Since it will affect other pages, it would be best to only remove it for the homepage only. You can do so by adding this –
```
.home #head-wrap {
    margin: 0;
}
```
The space at the bottom can be removed or adjusted from the same code I posted in my previous comment – “.slider-inner“.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.