-
AuthorPosts
-
November 9, 2011 at 11:39 am #170538
I have set up the slideshow module with the erio profile/skin. When I change the opacity of the description background to, say maybe 0.7, the description text also becomes transparent. Is it possible to only change the opacity of the black background and keep the opague white for the text?
tfosnom Friendtfosnom
- Join date:
- October 2010
- Posts:
- 742
- Downloads:
- 0
- Uploads:
- 31
- Thanks:
- 145
- Thanked:
- 200 times in 94 posts
November 9, 2011 at 11:58 am #423793No expert but
The bkg text seems to be a grey color: #7B7D80; called in style.css at around line 240.ja-slide-desc p {
color: #7B7D80;line-height: 2;
You may be able to change it to full white, yellow etc. to suit after the transparency changes
Cheers ShaneNovember 9, 2011 at 2:03 pm #423800I have changed the .ja-slide-desc p to white, but that indeed changed the color, but it is still transparent. If I change the transparency to 0.5 the white text gets even more transparent, just like the black background. I also tried to ad “opacity: 0.5;” to the .ja-slide-desc p, but nothing happens…
tfosnom Friendtfosnom
- Join date:
- October 2010
- Posts:
- 742
- Downloads:
- 0
- Uploads:
- 31
- Thanks:
- 145
- Thanked:
- 200 times in 94 posts
November 9, 2011 at 2:54 pm #423807<em>@mdh_jle 281617 wrote:</em><blockquote>I have changed the .ja-slide-desc p to white, but that indeed changed the color, but it is still transparent. If I change the transparency to 0.5 the white text gets even more transparent, just like the black background. I also tried to ad “opacity: 0.5;” to the .ja-slide-desc p, but nothing happens…</blockquote>
I’m unsure what is really achieved by changing the opacity of the black right hand bkg apart from making it a lighter looking shade?
if that is your wish look at style.css line 186. – Tested this locally using Erio 1.5 Quickstart.ja-slide-desc {
background: none repeat scroll 0 0 #000000; Change this line to #333 or lighter “black you need, text does not change
height: 268px;
opacity: 0.9;padding: 52px 40px 40px;
position: absolute;right: 0;
top: 0;
width: 390px;Hope this is the correct solution for you
Shane1 user says Thank You to tfosnom for this useful post
-
AuthorPosts
This topic contains 5 replies, has 2 voices, and was last updated by mdh_jle 13 years, 1 month ago.
We moved to new unified forum. Please post all new support queries in our New Forum