This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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

Resolved 5 replies premiumthemetheme-vantage
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Magus Staff 10 years, 9 months ago

    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. Mike Carnevale 10 years, 9 months ago

    Thanks I will try!

  3. Andrew Misplon Staff 10 years, 9 months ago

    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. Mike Carnevale 10 years, 9 months ago

    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. Andrew Misplon Staff 10 years, 9 months ago

    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.

Have a different question or issue?

Start New Thread