• Closed
  • Hannes Lis
    Spectator
    September 1, 2017 at 4:13 pm #34675

    I have placed 5 1200×400 images in the slider, plus some text for title, description and button. Especially in the mobile view, the text covers the Pictures almost fully, and in normal Desktop view, the picture Focus has to be extremly to the right (or left).

    Is it possible to change the opacity or the “thickness” of the text Background?

    vaibhav
    Spectator
    Posts: 287
    September 2, 2017 at 7:35 am #34684

    Hi,

    If you have to change your opacity of background, Add below custom css

    //For Change opacity of title
    #bootstrap-slider .carousel-caption h2 {
    background: rgba(0, 0, 0, 0.5);
    }
    In this code 0.5 is your opacity and you want to change to your needs.

    //For Change opacity of description
    #bootstrap-slider .carousel-caption p {
    background: rgba(0, 0, 0, 0.5);
    }

    Thank you

    Hannes Lis
    Spectator
    Posts: 54
    September 2, 2017 at 8:04 pm #34685

    Hi, added the code piece in the customizer -> custom css, but nothing happens …?

    vaibhav
    Spectator
    Posts: 287
    September 4, 2017 at 12:53 pm #34698

    Hi

    You have to try !important attribute in your CSS like
    //For Change opacity of title
    #bootstrap-slider .carousel-caption h2 {
    background: rgba(0, 0, 0, 0.5) !important;
    }

    If it does not work please provide Your Site Url for checking your style.

    Thank you

    Hannes Lis
    Spectator
    Posts: 54
    September 6, 2017 at 7:15 am #34705

    Sorry, still didn’t work. URL is http://www.lichtfunke.at

    vaibhav
    Spectator
    Posts: 287
    September 6, 2017 at 8:10 am #34711

    Hi,

    We checked your URL but We think that your custom css not apply, style comes to by default.
    https://prnt.sc/ghnsmq

    please add below custom css in additional css area of customizer ( add carefully, check it’s saved or not )

    //For Change opacity of description
    #bootstrap-slider .carousel-caption p {
    background: rgba(0, 0, 0, 0.5);
    }

    If it does not work Please provide your wp-admin details in private reply for check your issue in advance.

    Thank you

    Hannes Lis
    Spectator
    Posts: 54
    September 7, 2017 at 7:52 pm #34723

    Hmm, still doesn’t work. But it is not that important, thanks anyway.

    vaibhav
    Spectator
    Posts: 287
    September 8, 2017 at 6:52 am #34724

    Hi,

    Please provide your wp-admin details in private reply for check your issue.

    Thank you