Framed caption colour « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Propulsion

Framed caption colour

3 posts from 2 voices

Started 3 months ago by squiloogle
Latest reply from squiloogle
This topic is closed
This topic is not a support question

Tags:

No tags yet.

squiloogle
Member

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

Posted 3 months ago #

Dude
Dude

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.

Posted 3 months ago #

squiloogle
Member

Awesome! Worked perfectly - thanks for your help!

Posted 3 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

Kriesi.at - Wordpress Themes and HTML Templates

Framed caption colour

Topic Closed

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…