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, 10 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, 10 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, 10 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, 10 months ago Kevin Kennedy

    Hi Andrew,

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

    Kev

  5. 10 years, 10 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