Joomla Templates Club 406,261 posts

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#170261

Hello,

Using JA Social 1.7 with Joomla 1.7.2 I’d like to know how to remove the blue background of the text in JA Slideshow Module in the JA Social template. The ‘Read more’ button looks fine, but the white text has this huge bars of blue background and I just want the white text to appear. Is this possible and if so… how?

http://www.joomlart.com/demo/#joomla17-templates.joomlart.com/ja_social

When I set the ‘Description background opacity’ to 0.1 the blue background including the text (almost) dissappears, so apparently the text is also part of the background.

I don’t have a problem to set ‘Show Description’ to ‘No Description’ in the parameters to solve my problem above, but then I would still like the ‘Read more’ button to appear (otherwise I don’t have a link to the article involved). Is this possible or are there other ways to go around this?

Cheers!
Arckoo

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#422677

Hi,
You find this code from /modules/mod_jaslideshow/assets/themes/social/mod_jaslideshow.css

.ja-moduleraw-style2 .ja-slide-desc a span {
background: #2595BD; < change this line
color: white;
text-decoration: none;
padding: 0px 5px;
margin: 0px;
line-height: 1.2;
display: inline;
}

2 users say Thank You to khoand for this useful post

1. arckoo
2. phicts

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#422687

Thanks for the quick reply! That’s exactly what I was looking for 🙂
Would you also happen to know how I get a small black border around the letters?

Something like this:

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#422697

Go to the same file /modules/mod_jaslideshow/assets/themes/social/mod_jaslideshow.css

and add this Code to above posted css


text-shadow: 0 1px 0 #000000;

For ex:

.ja-moduleraw-style2 .ja-slide-desc a span { color: white; text-decoration: none; padding: 0px 5px; margin: 0px; line-height: 1.2; display: inline;
text-shadow: 0 1px 0 #000000; }

Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. arckoo

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#422700

You add a image into folder images…You replace this code from /modules/mod_jaslideshow/assets/themes/social/mod_jaslideshow.css

.ja-moduleraw-style2 .ja-slide-desc a span {
background: #2595BD;
color: white;
text-decoration: none;
padding: 0px 5px;
margin: 0px;
line-height: 1.2;
display: inline;
}
with

.ja-moduleraw-style2 .ja-slide-desc a span {
background: url(../images/your image)
color: white;
text-decoration: none;
padding: 0px 5px;
margin: 0px;
line-height: 1.2;
display: inline;
}

2 users say Thank You to khoand for this useful post

1. arckoo
2. phicts

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#422706

Thanks again!!

*2 thumbs up!*

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#422714

One more question though:

I’ve made the letters smaller and it looks really great now, only I wish for the lines of texts to move down a little (now they show up half way through the image and I would like them to move in at the bottom of the image). I looked in the parameters of the module but as far as I can see there is no setting for this (except maybe ‘Mark Alignment’ which does move the text lines up, but when I set ‘Mark Alignment’ to ‘Bottom’ it moves the text lines to the right and even up a little).

Is it possible to change also change this in mod_jaslideshow.css or any other file?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#422715

<em>@arckoo 280142 wrote:</em><blockquote>One more question though:

I’ve made the letters smaller and it looks really great now, only I wish for the lines of texts to move down a little (now they show up half way through the image and I would like them to move in at the bottom of the image). I looked in the parameters of the module but as far as I can see there is no setting for this (except maybe ‘Mark Alignment’ which does move the text lines up, but when I set ‘Mark Alignment’ to ‘Bottom’ it moves the text lines to the right and even up a little).

Is it possible to change also change this in mod_jaslideshow.css or any other file?</blockquote>
You replace this code from /modules/mod_jaslideshow/assets/themes/social/mod_jaslideshow.css

.ja-moduleraw-style2 .ja-slide-desc {
font-family: Arial,Helvetica,sans-serif;
font-size: 250%;
font-weight: normal;
left: 22px;
position: absolute;
top: 130px;
}
with

.ja-moduleraw-style2 .ja-slide-desc {
font-family: Arial,Helvetica,sans-serif;
font-size: 250%;
font-weight: normal;
left: 22px;
position: absolute;
top: 150px;
}

2 users say Thank You to khoand for this useful post

1. arckoo
2. phicts

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#422721

Thanks again!! Really appreciate your help!

[phicts Friend phictsJoin date: June 2011Posts: 85Downloads:0Uploads:10 Thanks: 26 Thanked: 3 times in 1 posts]

#422923

Thank you very much khoand. 🙂

[Author]

Posts