Extend Slider Widget Area Beyond Full Width Page

Homepage › Community Forums › Epik Theme Support › Extend Slider Widget Area Beyond Full Width Page

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.