Joomla Templates Club 406,261 posts

[osbp Friend osbpJoin date: November 2013Posts: 10Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#198979

So, as in the demo, I am using JA Slideshow Lite on my homepage to display a couple photos with red boxes layered on top which contain text.

The text appears under the navigation buttons of the slideshow, so you can’t read it properly.

How do I put the box on the right side of the picture?

Thanks!

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

#539499

Hi

Could you post a link to the page ?

[osbp Friend osbpJoin date: November 2013Posts: 10Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#539505

This is the site that I am working on:

http://www.osbp.hu/joomla/de/

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

#539515

Add in this folder templatesja_universitycsscustom.css ( if not present you should create it )

.ja-ss-desc {
left:600px;
}

[osbp Friend osbpJoin date: November 2013Posts: 10Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#540040

I created the CSS, but do I have to change any other settings? The boxes still appear the same as before.

[rotechenterprise Friend rotechenterpriseJoin date: September 2013Posts: 22Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 2 posts]

#548364

Hi, similar question if anyone is able to help. The text that i have is covering part of the image, is there a way to lower the text under the navigation arrow and make the background transparent? This will be greatly appreciated. Thank you.

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

#548400

Hi

<blockquote>The text that i have is covering part of the image, is there a way to lower the text under the navigation arrow and make the background transparent?</blockquote>

Could you post a link to the page ? so we can better help

[rotechenterprise Friend rotechenterpriseJoin date: September 2013Posts: 22Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 2 posts]

#548505

Thank you Pavit, this is what i’m trying to accomplish:

Current description:

I would like it to look like this:

Background beneath the text transparent and the displayed description lower.

Very appreciated.

http://www.idinewyork.com

---

Attachments:

1. 
2. 

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

#548508

Hi

Try this solution

In this file templatesja_university_t3css

create a new css file ( If not already there ) and name it custom.css, in this file add this css rules

.ja-ss-desc {
Background:none!important;
bottom:-20px;
}
.ja-ss-btns span {
margin-bottom: -60px;
}

[rotechenterprise Friend rotechenterpriseJoin date: September 2013Posts: 22Downloads:0Uploads:10 Thanks: 8 Thanked: 1 times in 2 posts]

#548510

Thank you, i included the code into the custom.css but the description still appears the same.

The path that i have is templatesja_universitycss

Not _t3 is it the same?

[Author]

Posts