• Closed
  • Chuck-Bruce
    Spectator
    October 2, 2017 at 4:54 pm #34939

    I wondering if it is possible to change the color of the parallax slider background and still keep the really nice gradient that is there with the default of transparent. I REALLY like the gradient from black-white-black but it is a bit difficult to see the black text on the black background on the far left side of the gradient.

    I tried changing the color of the parallax background in the Styling->Slideshow & Widgets Area section to something that matches our header but when I do so, it no longer has that nice gradient effect. Do I have to put in some custom css somewhere for that effect and if so, could you tell me the syntax, please? As I noted before in another question, I’m just learning css. Thanks!!

    vaibhav
    Spectator
    Posts: 287
    October 3, 2017 at 7:25 am #34948

    Hi,

    Add below custom css for gradient effect of parallax slider
    .menu-back {
    background-color: #6fa8a0;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#6fa8a0), to(#436560));
    background: -webkit-radial-gradient(circle, #6fa8a0, #436560);
    background: -moz-radial-gradient(circle, #6fa8a0, #436560);
    background: -o-radial-gradient(circle, #6fa8a0, #436560);
    background: -ms-radial-gradient(circle, #6fa8a0, #436560);
    }

    In custom css you can change color and different gradient effect you want to it.

    Thank you

    Chuck-Bruce
    Spectator
    Posts: 65
    October 8, 2017 at 3:42 am #35011
    This reply has been marked as private.
    vaibhav
    Spectator
    Posts: 287
    October 9, 2017 at 12:46 pm #35021

    Hi,

    Check for different gradients effect css
    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients

    Select any gradient effect and change color you want to it and apply .menu-back class on your css.
    Add this custom css in your additional css area in the customizer.

    Thank you