• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Extend Slider Widget Area Beyond Full Width Page

Home › Community Forums › Epik Theme Support › 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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework