Home>Support>Vantage Theme (Premium) – Use another home page slider

Vantage Theme (Premium) – Use another home page slider

By Kevin Kennedy, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,
I have recently purchased Vantage Premium theme today as I am rebuilding one of my websites from scratch to achieve faster performance. Btw, I am loving your theme right now, a great balance of options and performance.

I use the Soliloquy WP slider (http://soliloquywp.com/) and while I also own a licence for Meta Slider Pro, I much prefer Soliloquy.

Is it possible to have a Soliloquy slider display on the home page on the same way (less the 35 px padding) that a Meta Slider is displayed ? I have tried several things and I have managed to get the slider to fill to the left and right box margins.

How do I remove the 35px gap between the nav menu bar and the top of my slider ?

I do not want to have to have both Meta Slider and Soliloquy co-installed as I am trying to reduce my plugins to speed up the website.

URL: http://www.budorat.com/newiogkfsite/

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

  1. 10 years, 7 months ago Daniel
    Hi, I Work Here

    Hi Kevin Kennedy

    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.

    .soliloquy-container{
    top:-35px!important;
}

    Try that out and let me know the outcome

    Cheers

  2. 10 years, 7 months ago Kevin Kennedy

    Hi Addo,

    Thanks for the code it works well on the home page as shown here:
    http://www.newiogkfsite.budorat.com/

    I now have another issue now that this code has been added.

    All other Sililoquy sliders are now pushed up and now run into their page headings. See example here:
    http://www.budorat.com/newiogkfsite/?page_id=245

    Basically, I only want to be able to reduce the top margin on the home page slider and leave the remaining sliders untouched. Does this make sense ? Is this possible ?

    On the home page I am using the page builder, so the home page slider exists within a row, is it possible to add CSS just top the row to achieve the same result ?

    Kind regards

    Kev

  3. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Hey Kev

    Let’s try rolling back the CSS that Addo sent, remove that. Let’s rather say:

    /* Main Container */
#main { padding-top: 0; }

    That’s site wide. If you want it to be just for the home page then you’d say:

    /* Main Container */
.home #main { padding-top: 0; }

    Let me know how that goes.

  4. 10 years, 7 months ago Kevin Kennedy

    Hi Andrew,

    Perfect, thanks very much for your assistance, it is greatly appreciated.

    Kev

  5. 10 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    For sure. All the best.

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