• Closed
  • Antonino Scordo
    Spectator
    April 14, 2017 at 5:17 am #33427

    First Of all sorry if I wrong the way to open a topic.
    I created a web site http://www.collanadafniecloe.it and on the bootstrap slider i’d like to change the color of the background text from grey to transparent or white. I searched for all the theme without success. Please help me!
    The second problem is on mobile version. I tried some plugin for mobile version but no one is good for me.
    The actual mobile design for me is good but the only problem is regarding the bootstrap slider. Too much reduced and the grey section on the top of the slides is very hugly.
    could you please help me? It would be wonderfull!

    thank’s so much!!

    Nilesh
    Spectator
    Posts: 37
    April 14, 2017 at 7:51 am #33429

    Hi,

    Firest of all, Change the font of Bootstrap slider in the theme options. Follow path:
    Theme options -> Bootstrap slider -> General -> Slider Title font and Slider description font

    After that add below css in Custom CSS area of theme options.
    #bootstrap-slider .layout-center {
    background: #ffffff;
    }
    #bootstrap-slider .carousel-caption h2 {
    background: #ffffff;
    }

    For your mobile design, reduce the image size because it auto adjust image size for responsive design and gray color automatically remove after that add above css change in your file.

    And you want to change the position of your background text then add below css.
    @media only screen and (max-width: 768px) {
    #bootstrap-slider .left.carousel-control {
    left: 30px;
    }
    #bootstrap-slider .right.carousel-control {
    left: 60px;
    }
    #bootstrap-slider .carousel-caption {
    bottom: 0px !important;
    top: auto;
    transform: none;
    }
    }

    Thank you

    Antonino Scordo
    Spectator
    Posts: 2
    April 14, 2017 at 11:25 am #33431

    Thank’s so much for your reply. I did all you explained. But it changed only the background of the title on the bootstrap slider.
    Id like, if is it possible, to make transparent because i made the slides with a white part under the picture. So the title and the description should be with a transparent background.

    For the mobile version all works correctly but the title and description are in the center of the slide. I added your code but nothing changed. Maybe i wrong something.
    I can’t reduce the pictures because of the motivations I explained.

    Help me 🙂

    thank’s so much!

    Antonino Scordo
    Spectator
    Posts: 2
    April 14, 2017 at 11:33 am #33433

    Woh! For the mobile I think I added the code in the correct place. Now it works. It remains only to change that horrible white at the description. Thank’s so much!!!

    Nilesh
    Spectator
    Posts: 37
    April 15, 2017 at 7:54 am #33438

    Hi

    Please find this css:
    #bootstrap-slider .layout-center {
    background: #ffffff;
    }

    replace it
    #bootstrap-slider .layout-center {
    background: transparent;
    }

    Thank you