Joomla Templates Club 406,261 posts

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#206656

Ja Slideshow Lite modul, how can I change the location of the image titles and descriptions. My other question; How do I make transparent the background color of the image title and description?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#571852

<em>@kilicaslan 475073 wrote:</em><blockquote>Ja Slideshow Lite modul, how can I change the location of the image titles and descriptions. My other question; How do I make transparent the background color of the image title and description?</blockquote>

Hi

Regarding your first question you can select location of images directly from module

about your second question you can solve adding a customized css rule for the module , if you can post a link to your website i can suggest the correct code for it

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#736898

<em>@kilicaslan 475073 wrote:</em><blockquote>Ja Slideshow Lite modul, how can I change the location of the image titles and descriptions. My other question; How do I make transparent the background color of the image title and description?</blockquote>

Hi

Regarding your first question you can select location of images directly from module

about your second question you can solve adding a customized css rule for the module , if you can post a link to your website i can suggest the correct code for it

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#571923

I asked guess wrong. I want to change the location of the text description of the picture.How can you describe how you made transparently text frame. I want to know the solution to this problem.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#571927

As i already asked before

Post the url of your website here , so we can better help

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#571928

http://www.kilicaslan.net/new/

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#571932

Find this file inside your css folder mod_jaslideshowlite.css
and modify following css code as showed below

.ja-ss-desc {
background: url("../../images/trans-d40.png");
color: #ffffff
left: 0;
position: absolute;
bottom: 90px;
box-sizing: border-box;
padding: 20px;
width: 350px;
z-index: 110;
opacity: 0.6;
bottom: 0px!important;
margin-left: 30%;

Tested on my localhost and this is the result

If you are having problems to find the correct file or apply changes send me via Private Message a super user account and i will take a look at it

Note that opacity is applied to all desc block so if you want to reduce opacity to have only image transparent then you should edit your image ../../images/trans-d40.png with an editor and make it transparent

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. kilicaslan

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#571948

Pavit thank you your answer. jaslideshowlite.css is found and I changed of your code. I did not see any effect on my web site. jaslideshowlite.css location is ../modules/mod_jaslideshowlite/assets/css/mod_jaslideshowlite.css is it true?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#571964

Hi

Correct path for mod_jaslideshowlite.css is /local/css/mod_jaslideshowlite.css i applied the css changes to it and you can see it works fine now

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#571988

Pavit thank you very much.

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#572014

.ja-ss-desc {
background: url(“../images/trans-d40.png”);
color: #dadada
left: 0;
position: absolute;
bottom: 90px;
box-sizing: border-box;
padding: 20px;
width: 350px;
z-index: 110;
}

Now I change background tetx color. How can I change color? Active color is red. I want to change with the light blue color.

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#737059

.ja-ss-desc {
background: url(“../images/trans-d40.png”);
color: #dadada
left: 0;
position: absolute;
bottom: 90px;
box-sizing: border-box;
padding: 20px;
width: 350px;
z-index: 110;
}

Now I change background tetx color. How can I change color? Active color is red. I want to change with the light blue color.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#572016

<blockquote>Active color is red</blockquote>

Your active color is white not RED , background color is given by an image /images/trans-d40.png if you want to change background color change image , if you want to change text colour from white to light blue then change

color: #6176f6

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#737061

<blockquote>Active color is red</blockquote>

Your active color is white not RED , background color is given by an image /images/trans-d40.png if you want to change background color change image , if you want to change text colour from white to light blue then change

color: #6176f6

[kilicaslan Friend kilicaslanJoin date: April 2015Posts: 62Downloads:8Uploads:18 Thanks: 17]

#572030

Mr Pavit I also changed background image /images/trans-d40.png with blue color. But I not see But nothing happened. Image folder is ../templates/ja_university_t3/images trans-d40.png

---

Attachments:

1. 

[Author]

Posts