low opacity of background of caption on slideshow

Rate this topic: Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.3.50 out of 6 based on 2 vote(s)
GK User
Wed Jan 07, 2015 8:03 am
Reply with quote
Report this post
Hi,
I need help to reduce the opacity of the background color behind the caption text in the slide show.
Please see the site here, http://192.185.154.195/~global/

Thank you!
Kind regards,
Saeed
User avatar
Senior Boarder

GK User
Wed Jan 07, 2015 8:50 am
Reply with quote
Report this post
Do you mean images with kids added to Image Show module?
User avatar
Moderator

GK User
Wed Jan 07, 2015 9:09 pm
Reply with quote
Report this post
Thank you for your prompt reply!
The background black color of the caption text in the slideshow as shown in the attached screen shot.
Kind regards
caption-screen.jpg
User avatar
Senior Boarder

GK User
Thu Jan 08, 2015 10:17 pm
Reply with quote
Report this post
Here is the code I have used to reduce the opacity of the background image of the caption text but it did not work:
Code: Select all
.gkIsWrapper-gk_storebox figcaption {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

or
Code: Select all
.gkIsWrapper-gk_storebox figcaption img {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

Do you have any other suggestions?
Thank you!
User avatar
Senior Boarder

GK User
Thu Jan 08, 2015 11:05 pm
Reply with quote
Report this post
I have figured out the solution:

Code: Select all
.gkIsWrapper-gk_storebox figcaption {
  background: rgba(0, 0, 0, 0.4);
  filter: alpha(opacity=40); /* For IE8 and earlier */
}
User avatar
Senior Boarder

GK User
Sun Jan 11, 2015 12:42 pm
Reply with quote
Report this post
I'm glad you were able to solve it by yourself.
User avatar
Moderator

GK User
Sun Jan 11, 2015 12:43 pm
Reply with quote
Report this post
Ps. Thanks for posting the solution.
Have added it to override.css instead of editing template core css files?
User avatar
Moderator


cron