Home>Support>Metaslider transparent background not working

Metaslider transparent background not working

Hi Andrew
I followed the instructions I found here:
https://siteorigin.com/vantage-documentation/getting-started/slider/
but it is not working.
I added a CSS to the slide and added this to the Custom CSS:
.metaslider .mainslider {
background: transparent !important;
}
but it did not work.
Do you have any clue how to solve this?
Thanks.

URL: http://www.josecid.ca

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, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Josecid

    Thanks for reaching out.

    The tutorial you mentioned covers the layering method of adding an image to the caption field. In order to see the main slider image behind the layer the layer image would need to be a PNG with a transparent background.

    If you can perhaps provide further information on what about the tutorial you couldn’t get working we could help out further.

  2. 9 years, 1 month ago josecid

    Thanks again Andrew.

    At first it did not work because I had the slider on by the Theme Settings slider selector. I believe Vantage puts the slider on the Header, correct?

    When I moved the slider to the body of the homepage everything worked just fine.

    Thanks.

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Sure.

    The Vantage page slider get’s inserted after the header and before the body content. All the page slider does is insert the Meta Slider using PHP in the same way the slider would be inserted using the Meta Slider widget or shortcode. There shouldn’t be any difference in rendering when it comes to layering.

    Looks like you’ve made progress though so that’s good. If you need us to assist further, let me know.

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