Joomla Templates Club 406,261 posts

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#195477

Hi guys,

I’m looking how to add black background on frontpage slideshow description? Standard style looks great as soon as pic is good for white description but with most pics its unreadable. I’m using Ja Biz with Joomla 2.5.18.

---

Attachments:

1. 

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#525421

@farma,
Please create a new css file named: custom.css in the templatesja_bizcss path and add following rule:
[PHP].ja-slidewrap .maskDesc .ja-slide-desc {
color: #888;
text-shadow: 0 1px 1px rgba (0,0,0,0.4);
}
.ja-slidewrap .maskDesc .ja-slide-desc a {
color: #888;
}

.ja-slidewrap .maskDesc .ja-slide-desc a.readon {
color: #888;
border: 1px solid #f2f2f2;
}[/PHP]

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#525429

Ok I’ve done that but nothing changed…

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#525436

@farma,
I need to debug directly on your site, please PM me url, admin and ftp credentials of your site

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#525445

Did you get my PM?

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#525454

@hayden A any news?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#525604

@farma,
You should remove all declaration in the custom.css file and add follow rule:
[PHP].ja-slidewrap .maskDesc {
background: rgba(0,0,0,0.6) !important;
}[/PHP]

1 user says Thank You to Hayden A for this useful post

1. anstrous

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#525927

I have exactly the same problem. The white text is hard to read on photos that are light. Unfortunately I don´t think the black background that you create using the php code above looks good.

In stead I would like to change the color of the text on the slideshow photos. I have searched in template.css. Around corousel. But can´t find the right string och code to change. Anyone?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#526004

@ankianka66
<blockquote>I would like to change the color of the text on the slideshow photos</blockquote>
Please create a new css file named: custom.css in the templatesja_bizcss path and add following rule:
[PHP].ja-slidewrap .maskDesc .ja-slide-desc {
color: #888 !important;
text-shadow: 0 1px 1px rgba (0,0,0,0.4);
}
.ja-slidewrap .maskDesc .ja-slide-desc a {
color: #888 !important;
}

.ja-slidewrap .maskDesc .ja-slide-desc a.readon {
color: #888 !important;
border: 1px solid #f2f2f2
} [/PHP]

You can change the color as you wish.

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#526112

<blockquote>Hayden A</blockquote>
Thanks! That is working. Please tell me how to add some margin in right side of the text? Black background ends exactly in the same place as text.

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#526189

@farma,
Please create a new css file named: custom.css in the templatesja_bizcss path and add following rule:
[PHP].ja-slidewrap .maskDesc .ja-slide-desc {
padding-right: 20px !important;
}

.ja-slidewrap .maskDesc .ja-slide-desc a.readon {
right: 20px !important;
}[/PHP]

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#527195

@hayden A

This solution doesn’t work 🙁 Black transparent background disappeared after this modification of custom.css.

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#527612

@farma ,
Please add this rule to the templatesja_bizcsscustom.css file:

[PHP].ja-slidewrap .maskDesc {
background: rgba(0,0,0,0.6) !important;
} [/PHP]

Let me know how it goes.

[Author]

Posts