Joomla Templates Club 406,261 posts

[happinessadvantage Friend happinessadvantageJoin date: December 2012Posts: 4Downloads:0Uploads:4]

#183532

I need to reduce the overall size of the tabbed Ja Slideshow in my Ja-pyro site. Found many of the attributes to consolidate content on the slideshow…but cannot for the life of me figure out how to adjust the size of the wrap clearfix. I need the entire slideshow rescaled to accommodate a Main Item Height of 275px. I’ve attached pics.

You can see it takes up almost 1/3 of my web site. Reviewers said it has to be shrunk. I also included a before and resized pic. You can see the clearfix needs to be reduced in size for it to look normal. Thanks ahead of time.

---

Attachments:

1. 
2. 
3. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#478081

Hi There,

You can reduce value of Main Item height param in module setting to resolve your issue.

Happy new year ! 🙂

Regards

[happinessadvantage Friend happinessadvantageJoin date: December 2012Posts: 4Downloads:0Uploads:4]

#478985

Please read my original post again and look at the pictures closely. When I adjust the Main Item Height the “clearfix” remains fixed at the same height and that messes up the visual appearance of the tabs. You can see it in the pics. I need to adjust the height of the “clearfix”.

Thank you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#479355

Because this place has both module you need to more to change it
+ With JA Slideshow module, see the screenshot

<blockquote>modules/mod_jaslideshow/assets/themes/pyro/mod_jaslideshow.css</blockquote>
from

.maskDesc .ja-slide-desc {
color: #fff
font-size: 100%;
padding: 55px 0 0 70px;
width: 480px;
height: 280px;
}

change to

.maskDesc .ja-slide-desc {
color: #fff
font-size: 100%;
padding: 20px 0 0 70px;
width: 480px;
height: 250px;
}

+ With the custom html module
<blockquote>Open templates/ja_pyro/css/template.css file</blockquote>

.about-static-ct {
min-height: 70px;
background: url(../images/sl-deco.png) no-repeat top right;
color: #FFFFFF
font-family: Georgia,Arial,Helvetica,sans-serif;
font-size: 300%;
font-weight: normal;
line-height: 1;
text-transform: none;
text-align: center;
padding-top: 30px;
}

change to

.about-static-ct {
background: url(../images/sl-deco.png) no-repeat top right;
color: #FFFFFF
font-family: Georgia,Arial,Helvetica,sans-serif;
font-size: 300%;
font-weight: normal;
line-height: 1;
text-transform: none;
text-align: center;
padding-top: 5px;
}

---

Attachments:

1. 

[happinessadvantage Friend happinessadvantageJoin date: December 2012Posts: 4Downloads:0Uploads:4]

#479398

U da bomb! Worked great. All I have to do is move the graphic location up higher in the template. Think I can figure that out…if not will reach out to you again. Thanks much!

[happinessadvantage Friend happinessadvantageJoin date: December 2012Posts: 4Downloads:0Uploads:4]

#479400

Feedback for future reference. I had to make tweaks to the sizes you provided and adjust font sizes to balance it out. The variables you gave me above allowed me to make all the adjustments necessary to produce the result I wanted. You can see results live at: sharetheadvantage.org or ref attached static pic. Very happy w/ the results.

---

Attachments:

1. 

[Author]

Posts