Joomla Templates Club 406,261 posts

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#905858

I’m trying to increase the opacity of the description background in the JA Slideshow. I already have it set to the max "1" (see screenshot). However it is still not opaque enough. When you hover over the text that reads "Description background opacity" it says that 0=transparent and 1=opaque. I have it set to 1 and as you can see it is not opaque. I don’t necessarily want it to be completely opaque, I just want the ability to make it "more" opaque than it is. As you can see in the screenshot, the white type is difficult to read.

Thank you.

---

Attachments:

1. 
2. 

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

#905955

Hi
Kindly share your working site url here , and set the css compression to OFF from template options .
i will check and suggest you changes according to the site .

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#906247

http://nysfda.org/New-NYSFDA/

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

#906250

Hi
below code is used for the bg color in the description .

.ja-slidewrap .maskDesc .ja-slide-desc {
    background: rgba(0, 0, 0, 0.3); }

You can add this code in custom.css file change the rgb value with your value .

.ja-slidewrap .maskDesc .ja-slide-desc {
    background: rgba(0, 0, 0, 0.3)!important; }

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#906753

Does this change the "color" or the "opacity"? I don’t need the color changed I need to increase the opacity of the existing color since the current controls only let the opacity go so far.

Also, does the code you provided replace the existing code used for the description BG color OR is it in addition to the existing code?

Thank you.

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

#906915

Hi
it was the default code , what you need to do is add below code in custom.css file

.ja-slidewrap .maskDesc .ja-slide-desc {
    background: rgba(0, 0, 0, 0.3)!important; }

Change the )0.3 value to 0.8 or 1 to make the bg more darker . There is no Opacity it use this style .
It will work .

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#907428

This reply has been marked as private.

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

#907442

Hi
I checked your site and found there was no code in custom.css > http://prntscr.com/amf6gb
I added it now but the code not refrshing on front end , maybe its cache on your server .
SO i changed the css from "/templates/ja_biz/local/css/themes/nysfda_theme/mod_jaslideshow.css
find this code

.ja-slidewrap .maskDesc .ja-slide-desc {
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 16.25px;
  line-height: 1.5;
  padding: 10px;
  padding-bottom: 0;
  overflow: hidden;
  text-align: right;
}

Replace it with

.ja-slidewrap .maskDesc .ja-slide-desc {
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  font-size: 16.25px;
  line-height: 1.5;
  padding: 10px;
  padding-bottom: 0;
  overflow: hidden;
  text-align: right;
}

Changed are done by me . You need to clean server/CDN cache so changes will work .

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#908025

Hello,
We cleared the server cached and the background is indeed darker, thank you.

However, the issues I complained about initially (above) are still there. The font is thinner than is was before I implemented your first suggested code. The background bar is still too tall, it is touching the bottom of the image. Please read my previous comments to see what it looked like before I made your recommendations. I need the font to be restored and the black box to be the right height as it previously was.

I’ve attached screenshots. I’ve labeled them "WRONG" showing how the site is CURRENTLY displaying and "CORRECT" showing how it displayed before your initial code recommendation. If you look at them side by side you will see what I am referring to. Please observe that the font is displaying incorrectly and the height of the background bar is incorrect.

Thank you.

---

Attachments:

1. 
2. 

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

#908231

This reply has been marked as private.

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#908988

Hello, I was told that the server cache was turned off last week. I’ll double check.

I realize that the font shouldn’t be affected just by changing the BG color, however the instant I implemented the code you gave me initially the font and height of the background bar changed. So something had to have happened.

I’d just like for the font and background to appear as they did before (see previously supplied screenshot) I applied the code you provided.

I’ll get back to you shortly about the server cache.

Thank you.

[nysfda Friend nysfdaJoin date: June 2015Posts: 119Downloads:17Uploads:38 Thanks: 18]

#909080

This reply has been marked as private.

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

#909185

Great , as i said bg color does not change the font .
Your are welcome 🙂

[Author]

Posts