Joomla Templates Club 406,261 posts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#196805

There is a large gap between the bottom of the slideshow and the first article on the HOME page (please see screenshot). Actually, the space BETWEEN the articles is also more than necessary. Can anyone tell me where in CSS I would adjust this?

Thank you so much!

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#531107

It’s simply some padding values, you can use tools like Firebug in Firefox or Chrome Inspect Element to track down which files you should edit.

http://static.joomlart.com/images/jat3v3-documents/t3-bs3/configuration/enable-dev.png

You should go to Backend > Template manager and disable Optimize CSS option first, so that you can see exact files need to be changed.

1 user says Thank You to Saguaros for this useful post

1. potts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#531159

I followed your directions Saquaros.

–disabled Optimize CSS option
–Used Firebug to inspect the padding between the Featured article and the slideshow on Home page
–Made the adjustments in template.css and home.css (both located in “themes/grey-new”) and uploaded several times via FTP
–repeatedly cleared cache but no changes appear

I am hoping I can get some more guidance?

Thank you so much.

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

#531227

You can remove the gap and large space in the home of your site with my workaround below

Open the templates/ja_biz/css/themes/grey-new/template.css file

Change

.right-slide {
margin-top: 40px;
}

.blog-featured article {
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
}

.items-leading .leading {
margin-bottom: 40px;
}

to

.right-slide {
margin-top: 0px;
}
.blog-featured article {
border-bottom: 0px solid #eeeeee;
border-top: 0px solid #eeeeee;
}
.items-leading .leading {
margin-bottom: 0px;
}

1 user says Thank You to Ninja Lead for this useful post

1. potts

[potts Friend pottsJoin date: December 2013Posts: 50Downloads:0Uploads:11 Thanks: 30 Thanked: 4 times in 1 posts]

#531292

THANK YOU THANK YOU THANK YOU THANK YOU THANK YOU!!!!!!

Yes, worked perfectly. Ninja…you be a Ninja!

:-*:-*:-*:-*:-*:-*

PS: we can close this out now but I don’t know how

[Author]

Posts