Home>Support>Huge It Slider, Is there a container on the homepage? Trying to get full screen slider.

Huge It Slider, Is there a container on the homepage? Trying to get full screen slider.

By Mike Carnevale, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello,

www.mikecphotos.com
I had some issues with the regular slider and my menu. I am trying to get a slider to give my homepage a full slider feel for photography. No matter what I set a slider size to it seems like it is getting held in some type of container. Is there something possibly in the CSS I need to change?

Thanks so much!

URL: http://www.mikecphotos.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Magus
    Hi, I Work Here

    Hi Mike Carnevale

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code. Please note that this only applies to the front page.

    body.responsive.layout-full.home #page-wrapper .full-container {
    max-width: 100% !important;
}

    This will give you a full page width with padding. If you want to remove the padding please add this.

    body.home.layout-full.responsive #main {
  padding: 0 !important;
}

    To get the slider full width please try setting the width to 100% in Current Slider Options for the slider. If that does not work then please add the following to the Custom CSS

    .huge_it_slideshow_image_wrap_2, .huge_it_slideshow_image_container_2 {
	max-width:  100% !important;
}

    Let us know how you get on

    Magus

  2. 9 years, 4 months ago Mike Carnevale

    Thanks I will try!

  3. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hey guys

    If that doesn’t work a child theme might be the way to go, I’ve made one up here:

    https://siteorigin.com/wp-content/uploads/2015/05/vantage-child-huge-it-slider.zip

    Mike if you want to try this:

    1. Download ZIP to desktop.

    2. Install via Appearance > Themes > Add New: Upload theme.
    It will reset your Customizer settings. That’s normal. Test it out before redoing those.

    3. Go to Appearance > Editor, edit header.php and locate the following line:

    <?php if(is_front_page()) echo do_shortcode([huge_it_portfolio id=N]); ?>

    Replace N with the ID of your slider.

    Reference instructions: http://huge-it.com/wordpress-plugins-slider-user-manual/ right at the bottom of the page.

    Doing it this way will insert the slider in the same position Meta Slider gets inserted, before the content area.

  4. 9 years, 4 months ago Mike Carnevale

    Thank you, the first solution worked. With the aspect ratio then we have to scroll down a little on a 1080p monitor. I do like the look though.

    Thanks again!

  5. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Super, thanks for the feedback Mike. Glad to hear the advice from Magus did the trick.

    All the best with your site.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More