Home>Support>Transparent Background for Layout Slider Widget

Transparent Background for Layout Slider Widget

Hi,

I’m using the layout slider widget, I have a few slides used and they all have a black background which I can’t get rid of.

I used:
background-color: rgba(0,0,0,0.0);
in Attributes> CSS Styles

This works but only for the first slide.
I have used it in the widget itself, in the slide row, in the slides widget, but it only works for the first slide on display.

Any input much appreciated, thank you.

PS. There is also a bullet point showing in the top left for some reason, I’ll try to figure this out though.

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

  1. 4 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Mike

    The easiest would be to edit each frame and clear the color value from the background color field. Then click Done and save. The result should be that no background color is outputted.

  2. 4 years, 8 months ago MikeDrum

    Thank you for the prompt answer, that solution was much easier than I was looking for!

    Do you have any input on the bullet point showing in the top left, please?

    I’ve used a custom one using the CSS code below.

    .entry-content ul li {
    background: url(myimage) no-repeat 7px 5px;
    }

    If I delete that code, nothing appears in the top left, not even an ordinary bullet point. It’s only when I have this code my custom bullet point shows in the top left of the layout slider widget.

  3. 4 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Sure. No problem. Please, send a link to the page and we’ll take a look at the navigation issue.

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