Continue Reading Box

  • Author
    Posts
  • #103217

    jonhowardtv
    Member

    Hi

    I would like to narrow the width of the continue reading white transparent box that appears on the carousel. Any help would be great.

    Thanks

    Jon

    The blog I need help with is jonhowardcolour.com.

    #103464

    otjeremy
    Member

    Hi Jon,

    As with before, you can narrow the excerpt box with some CSS:

    .slider-caption.col-lg-4 {
        width: 33.33%;
    }

    Adjust as desired.

    Thanks!

    #103469

    jonhowardtv
    Member

    Thanks that worked really well! Just one final question is there anyway to change the colour or opacity of the box?

    Many thanks

    Jon

    #103476

    otjeremy
    Member

    Yes:

    .slick-carousel .slick-track .item .slider-caption {
        background: rgba(0,0,0,0.5);
    }

    You’ll need to use RGB color codes instead of HEX, so in this case it’s a normal 3 number RGB color (0,0,0 for black) followed by the opacity (0.5). Accepted opacity values are between 0 and 1.

    Thanks!

The topic ‘Continue Reading Box’ is closed to new replies.