Joomla Templates Club 406,261 posts

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#143584

Hi all,
I want to change the neight of the slide (increase the height of the slides) but I cannot change it for some reason. I have looking in the ja.slideshow2.css file but no where is there mention of the height of the slide.

I have removed the mask so i can see the height grow but again it does not.

Any help much appreciated.

Regards,
James

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314854

<em>@jamjodesign 141419 wrote:</em><blockquote>Hi all,
I want to change the neight of the slide (increase the height of the slides) but I cannot change it for some reason. I have looking in the ja.slideshow2.css file but no where is there mention of the height of the slide.

I have removed the mask so i can see the height grow but again it does not.

Any help much appreciated.

Regards,
James</blockquote>

Hello,

Can you please provide a quick link to your website? So that i can tell you the exact place where to make the necessary changes!

Regards,
Mihir Chhatre.

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#314866

Hi there, I am editing the css of slideshow but cannot see where to edit the overall height of my now bigger slides:

.maskItem {
background: url(../images/sl-mask.png) no-repeat top left;
position: absolute;
bottom: 0;
right: 0;
width: 519px;
height: 276px;
z-index: 100;
}

Line 32-39
you will want to adjust this padding to center your now larger photos. If they are full width, just zero them all out. That worked great for me.

.ja-slide-item {
display: block;
overflow: hidden;
margin: 0;
width: 442px !important;
left: 461px !important;
top: 36px !important;
}

[mihirc Friend mihircJoin date: December 2008Posts: 597Downloads:0Uploads:3 Thanks: 62 Thanked: 95 times in 39 posts]

#314868

Hello,

For this template it is better if you can give me a live link to help you.

From the top of my head –
the ja-slideshow styling is defined in the template.css file – approx 1350.

#ja-slideshow {
background:transparent url(../images/sl-bg.png) no-repeat scroll left top;
clear:both;
display:block;
float:left;
margin:0;
padding-top:18px;
width:100%;
z-index:99;
}

Regards,
Mihir Chhatre.

[jamjodesign Friend jamjodesignJoin date: June 2008Posts: 432Downloads:27Uploads:40 Thanks: 59 Thanked: 14 times in 3 posts]

#314917

Thank you very much, this did the trick and got me a few extra pixels that I needed:)

Kind regards

[Author]

Posts