Joomla Templates Club 406,261 posts

[samsa Friend samsaJoin date: June 2008Posts: 28Downloads:0Uploads:1 Thanks: 6]

#139773

Hello,

We’d like to tighten the spacing between sections on our home page.

Specifically, how do we tighten the spacing in these areas:

1) the space between the breadcrumb and the section below it (see spacing 1 in attachment)

2) the spacing after the slideshow module see spacing 2 in attachment)

3) the space after the main home page section (see spacing 3 in attachment)

Thank you.

---

Attachments:

1. 

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#299272

hi, it looks like you have made much changes to the edenite template for your page. pls kindly post a live url so we can see the css and php codes and provide further advice. Thanks!

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#299280

for 1 and 3, look in /templates/ja_edenite/css/template.css (line 588)

#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-fr, #ja-containerwrap-fl {
background:#FFFFFF url(../images/grad1.gif) repeat-x scroll center bottom;
margin:1px 0 1px 0;
padding:0;
}

change 1px in red to as required for spacing at item 1.
change 1px in blue to as required for spacing at item 3.
if u don’t want any spacing, just change to 0px, or for more, just change to 5px or something like that.

for 2, look in /templates/ja_edenite/css/template.css (line 541)

#ja-content {
clear:both;
display:block;
float:left;
height:240px;
width:75%;
}

add line in red

1 user says Thank You to jsliao for this useful post

1. samsa

[samsa Friend samsaJoin date: June 2008Posts: 28Downloads:0Uploads:1 Thanks: 6]

#299330

Jsliao,

Thanks a bunch, it did the trick! You have to love CSS 🙂

[samsa Friend samsaJoin date: June 2008Posts: 28Downloads:0Uploads:1 Thanks: 6]

#299670

Hi Jsliao,

OK, I ran into a problem…

By adding the line “height:240px;” we tighten the spacing on the home page. BUT it also affects all other article pages… so in articles where there is lots of scrolling text (most pages), the text now spills out of the template 🙁

I guess the “primary column” affects all pages. What’s the best way to set this only for the home page, where we want to use jsslideshow (or something like it) and have the space pretty much fit the size of the images in the slideshow?

Thanks again.

[Author]

Posts