Joomla Templates Club 406,261 posts

[javalquimia Friend javalquimiaJoin date: May 2011Posts: 34Downloads:0Uploads:0 Thanks: 11]

#206520

I would like change description mask as transparent color (no background) on jaslideshow lite.
Now Development mode is=on

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#571287

It would be helpful if you could provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#736335

It would be helpful if you could provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings

[javalquimia Friend javalquimiaJoin date: May 2011Posts: 34Downloads:0Uploads:0 Thanks: 11]

#571288

Sorry, I said development mode on but is not correct, optimize css is off now

[javalquimia Friend javalquimiaJoin date: May 2011Posts: 34Downloads:0Uploads:0 Thanks: 11]

#736336

Sorry, I said development mode on but is not correct, optimize css is off now

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#571291

Try This . . ..

Within file path —> /templates/ja_playmag/css/themes/red/mod_jaslideshowlite.css
at line 69, modify as follows:


.ja-ss-desc {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 60px;
color: #000
left: 0;
padding: 30px;
position: absolute;
text-align: left;
top: 30px;
width: 50%;
z-index: 3;
}

Within the modified background property, 0.5 is transparency – which you can play around with until you arrive at the result you’re most happy with. Here are some additional information resources to further assist you . . .

https://css-tricks.com/snippets/css/transparent-background-images/

http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

1 user says Thank You to TomC for this useful post

1. javalquimia

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#736339

Try This . . ..

Within file path —> /templates/ja_playmag/css/themes/red/mod_jaslideshowlite.css
at line 69, modify as follows:


.ja-ss-desc {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 60px;
color: #000
left: 0;
padding: 30px;
position: absolute;
text-align: left;
top: 30px;
width: 50%;
z-index: 3;
}

Within the modified background property, 0.5 is transparency – which you can play around with until you arrive at the result you’re most happy with. Here are some additional information resources to further assist you . . .

https://css-tricks.com/snippets/css/transparent-background-images/

http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

1 user says Thank You to TomC for this useful post

1. javalquimia

[javalquimia Friend javalquimiaJoin date: May 2011Posts: 34Downloads:0Uploads:0 Thanks: 11]

#571368

Ok Tom, now is fine for me. Thanks a lot 😉

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#571386

<em>@javalquimia 474437 wrote:</em><blockquote>Ok Tom, now is fine for me. Thanks a lot ;-)</blockquote>

Glad I was able to help out . . . All the best with your continuing site development. 🙂

[Author]

Posts