• Closed
  • Chuck-Bruce
    Spectator
    02.10.2017 at 16:54 #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
    03.10.2017 at 07:25 #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
    08.10.2017 at 03:42 #35011
    This reply has been marked as private.
    vaibhav
    Spectator
    Posts: 287
    09.10.2017 at 12:46 #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