CSS for caption/description

  • I’ve been trying to change the background color of the caption/description box, as well as the font. Not having much luck. I’ve adjusted the size of my slides to move the caption/description to below the images (see it here: https://www.sky-lights.org/2017/05/15/qa-life-on-mars/). Don’t want my images overlaid with text. Don’t need any transparency. What are the CSS descriptors for making these changes? Thanks.

    • This topic was modified 7 years, 6 months ago by Heimhenge.
    • This topic was modified 7 years, 6 months ago by Heimhenge.
Viewing 1 replies (of 1 total)
  • Thread Starter Heimhenge

    (@heimhenge)

    OK, I figured out how to change the background and text. At least to the way I wanted it. For those interested, here’s the CSS:

    /* Sets parameters for Cyclone Slider caption title/description */

    .cycloneslider-caption {
    opacity: 1.0 !important;
    }

    .cycloneslider-caption-title, .cycloneslider-caption-description {
    font-family: Arial;
    color: #e6e6e6;
    background-color: rgb(50, 50, 50);
    }

    But I can’t find any way to reduce the size of the box around the caption/description. I’d like it to be about half the height it is since my caption/description never runs more than one line. Any ideas?

Viewing 1 replies (of 1 total)
  • The topic ‘CSS for caption/description’ is closed to new replies.