Home>Support>How to replace Metaslider (when not streched) background color with an image?

How to replace Metaslider (when not streched) background color with an image?

By Petteri, 9 years ago. Last reply by Daniel, 9 years ago.

Hi!
I have been using your Vantage premium theme for a while and after few problems in the beginning it has been grate!

So I have made many customizing all over the place in few sites, but not still found out how to replace the Meta Slider background color with an image? And also did not find help in older threads.

I have made all the images 1080 pix wide and when the screen is wider so there is a color shown when the slider is not streched and which I can adjust using this:

#main-slider {
background-color: #e0e0e0;
}

But – how to replace that color with an image? Help, please : )

URL: http://www.laurentium.fi

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, 6 months ago Magus
    Hi, I Work Here

    Hi Petteri

    You can try adding this to your custom CSS

    #main-slider {
background-image: url("url/to/image.jpg");
}

    You will need to enter the full path to your image and please note that this image will be tiled if it is smaller than the area it is to cover.

    Hope this helps

  2. 9 years, 6 months ago Petteri

    Thanks Magus – that was the solution. Have a good day!

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Petteri

    Am glad you are making progress on your site.

    @Magus much appreciated

    Always feel free to open a new thread whenever you require support

    Cheers

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