Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #19751

    Hi there,

    Just bought Propulsion (love it) and part way through creating my new site. I would like to know how to change the colour of the “frame” for the caption in the slideshow. At the moment it turns out grey – I’ve tried poking around in the css but to no avail – ideally I’d be adding to custom.css instead of changing existing files anyway.

    Assuming that’s possible second question is maybe a little harder (or perhaps a lot). I’d love to be able to have different colours for different caption frames. So one slide might have an orange overlay, another might have a green (my site is predominantly based on white background with white background to slideshow so this would look quite striking if possible). If I can only have one color for all I’ll still be pretty happy though :).

    Thanks in advance for any help you can give!

    Thanks in advance for your help!

    Kind regards,

    James

    #104852

    Hi,

    Please add followintg css code to css/custom.css (or insert it into the quick css option field):

    .caption_right_framed .slideshow_caption .slideshow_inner_caption, .caption_left_framed .slideshow_caption .slideshow_inner_caption {
    background: rgba(0,0,0,0.5) !important;
    }

    Change the rgba value if you want to use another color (0,0,0) is black. 0.5 is the opacity value which needs to be between 0 and 1. You can use this converter: http://hex2rgba.devoth.com/ to convert your hex color values to rgba.

    If you want to change the color value for each slide try:

    /slide 1 color*/
    .caption_right_framed.slide_number_1 .slideshow_caption .slideshow_inner_caption, .caption_left_framed.slide_number_1 .slideshow_caption .slideshow_inner_caption {
    background: rgba(0,0,0,0.5) !important;
    }

    /*slide 2 color*/
    .caption_right_framed.slide_number_2 .slideshow_caption .slideshow_inner_caption, .caption_left_framed.slide_number_2 .slideshow_caption .slideshow_inner_caption {
    background: rgba(0,0,0,0.5) !important;
    }

    Note that you need to duplicate the code for each slide – then replace the number in “slide_number_2″ with the right slide number.

    #104853

    Awesome! Worked perfectly – thanks for your help!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Framed caption colour’ is closed to new replies.