Joomla Templates Club 406,261 posts

[ahpeera Friend ahpeeraJoin date: June 2008Posts: 20Downloads:4Uploads:1 Thanks: 5]

#166978

Hi,

I am trying to reduce the height for the slideshow 2 on the homepage but have been unsuccessful in trying to locate the correct CSS file. Here is the link to the live site: http://tinyurl.com/3nnqdk9

I have also tried to decrease the height in the JA slideshow 2 module settings (from 400 to 300, for example) but all that does is cut off the bottom of the slideshow image as well as the textbox on the left. What I am trying to do is make the “entire” slideshow section smaller… for example, if you look on the live site there is some excess upper space in the slideshow which I would like to get rid off.

I am assuming that the CSS which determines this also determines the placement of the textbox and the navigation controls etc. If anyone can help, I would truly appreciate it!

Thanks in advance,
ahpeera

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

#404263

Once decreased with the height in the JA Slideshow2 Module to 300px

you need to changes some css.

I will provide you the css fix for height 300px;

Go to this Css file : /modules/mod_jaslideshow2/assets/themes/minisite/style.css

1. overall height of the slideshow:

replace the “height:400px;” with “height:300px;”


#ja-slideshow{background: url(bgd_slideshow.png) 50% 0 repeat-y; height:400px;}


2. to make the description fit to the height

Replace this code


.ja-slide-desc{
background: url(bgd_desc.jpg) 0 0 repeat;
color: #666;
height: 170px;
left: 0;
padding: 20px 40px;
position: absolute;
text-align: center;
top: 120px;
width: 380px;
z-index:20
}


with

.ja-slide-desc{
background: url(bgd_desc.jpg) 0 0 repeat;
color: #666;
height: 157px;
left: 0;
padding: 20px 40px;
position: absolute;
text-align: center;
top: 60px;
width: 380px;
z-index:20
}


3. The Arrow navigation

Replace this code

#ja-slideshow .ja-slide-buttons {
display: block;
left: 0;
position: absolute;
top: 330px;
z-index: 20;
}

with

#ja-slideshow .ja-slide-buttons {
display: block;
left: 0;
position: absolute;
top: 257px;
z-index: 20;
}

4. Finde more Button

Replace this code


#ja-slideshow .readon{
background: #186fb2;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
height: 30px;
left: 355px;
line-height: 30px;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
top: 330px;
width: 105px;
z-index:20;
}

with

#ja-slideshow .readon{
background: #186fb2;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
height: 30px;
left: 355px;
line-height: 30px;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
top: 257px;
width: 105px;
z-index:20;
}

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. ahpeera

[ahpeera Friend ahpeeraJoin date: June 2008Posts: 20Downloads:4Uploads:1 Thanks: 5]

#404275

Absolutely amazing… everything worked flawlessly and that is exactly what I was looking for. I can’t thank you enough!!

I wish you the best.

Regards,
ahpeera

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

#404301

you are most Welcome ahpeera 🙂

[pressmar Friend pressmarJoin date: March 2008Posts: 119Downloads:14Uploads:51 Thanks: 25 Thanked: 4 times in 1 posts]

#404457

Hi Chavan,

i did the something very similar to my site but it want to do the changes through a local-theme. is this possible? Because the style.css is not in the standard local theme folder? Hope you understand.

Maybe you could help me with that topic as well (http://www.joomlart.com/forums/topic/local-theme-some-basic-question/)

Best regards,
Pressmar:D

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

#404485

sure will follow you there.

[Author]

Posts