Joomla Templates Club 406,261 posts

[tonybuckley Friend tonybuckleyJoin date: August 2015Posts: 10Downloads:0Uploads:0 Thanks: 5]

#730718

Hello,

I am using Slideshow module.

The titles (for example ‘Explore Us’) are contained in a transparent grey/black box.

I would like to know how to change this colour and/or vary the level of transparency.

Same question for the box that contains the ‘Check it out’ hyperlink.

Thanks,

Tony

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#748377

Hi
Tony
Kindly share your working site url here . so i can give suggestion based on your website .
Kindly Turn off css compression from template options .

[tonybuckley Friend tonybuckleyJoin date: August 2015Posts: 10Downloads:0Uploads:0 Thanks: 5]

#748794

<em>@pankajsharma 492013 wrote:</em><blockquote>Hi
Tony
Kindly share your working site url here . so i can give suggestion based on your website .
Kindly Turn off css compression from template options .</blockquote>

The site is a very new one – gingerwire.uk – I have turned on development mode if that is what you mean above?

I tried playing around with the file mod_jaslideshow.css

.ja-slidewrap .maskDesc {
background-color: rgba(255, 255, 255, 0.5);
background: blue;
cursor: pointer;
display: block;
position: absolute;
right: 20px;
bottom: 40px !important;
z-index: 100;
width: 45% !important;
}

I added the background-color line but it made no difference.

Thanks,

Tony

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#748822

Hi
Add this code in custom.css file

.ja-slidewrap .maskDesc .ja-slide-desc {
opacity:0.5;
background: rgba(0, 0, 0, 0.3)!important;
color: #ffffff!important

}


change the color code as per needs . To manage the bg opacity add additional class opacity in code .
To change check it out button style add this code in custom.css

.ja-slidewrap .maskDesc .ja-slide-desc a.readon {
background: rgba(0, 0, 0, 0.3);
border: solid 1px rgba(254, 254, 254, 0.25);
color: #ffffff
}

change the style values as per needs .

[Author]

Posts