Change color of bootstrap slider title bar

  • The Virtual Visionary

    (@the-virtual-visionary)


    9 years, 4 months ago

    I have the bootstrap slider on a client’s static home page. The color of the bootstrap slider title bar is a dark opaque grey color. See link for picture:

    https://prntscr.com/7co71p

    How can I change the color of this bar? I cannot find any options in theme options styling – all I can find is to upload a background image for the bootstrap slider, which I don’t want because I want to keep pictures for the slider with titles on the pictures. I also do not see options in the bootstrap slider theme options either. I only need to change the color of the bar, which does not fit my color scheme.

    Is there a custom CSS to include? I have no problem copy/pasting CSS code into custom CSS, but otherwise, I need simplistic or step-by-step directions for how to fix. Thank you!!

Viewing 1 replies (of 1 total)

  • Hey there The Virtual Visionary,

    Hope you’re well today ??

    The following CSS should change the color of that bar.

    #bootstrap-slider .carousel-caption h2 {
    background: rgba(0,0,0,0.5);
}

    You’ll have to change the color value to display another color. First 3 numbers represents color (which is black in this case) and the last one 0.5 represent transparency which is set to 50%.

    Hope this helps ??

    Cheers,
    Bojan

Viewing 1 replies (of 1 total)
  • The topic ‘Change color of bootstrap slider title bar’ is closed to new replies.