Simple Zen Template - Support Thread

[10gallons]

Hello.
I'm using this template on my site and have been for a while. I've looked and looked but I can't figure out how to put more space between the fields in the left hand column.

For example, how can I put more distance between 'categories' 'links' and 'who's online' fields.

I also want to change the font size for the entries in these fields as well.

I've been trying to work this out for months, so any help will be greatly appreciated.

If needed, you can view my site here.

[dbltoe]

add margin-bottom: 1.5em; to your .sideBoxContent in the stylesheet. adjust as needed.

[10gallons]

Thank you so very much dbltoe, that's fixed my problem completely. Thank you once again.

[bjartmar]

Does it work with ZC 1.3.8 ?


Thanks.

[oxicottin]

First off nice template!

Ok, I wanted to use some of your simple template and didn't know what code did what to make it work. What I wanted to do was use the header and the 3 links next to it. How was this done? I attached the section in question. Thanks!

[oxicottin]

OK I got it to work (Image Included) but I don't understand how. Here is what I did.

1) Copied the Simple_Zen_Template_2.1\includes\languages\english\simple_zen\header.php to my template. Note: It only hade one change from origional and that was the tagline.
2) Copied the Simple_Zen_Template_2.1\includes\templates\simple_zen\images
A. logo.gif
B. shadow.gif
C. topnav.gif
3) Then I added the code to MY stylesheet.php

* {
	margin:0;
	padding:0;
	}

AND

/* BOF Top Nav Links with Image (shopping cart/contact us/my account). If you'd like to use text links only, comment out this section, and un-comment out the following section*/

#tagline {
	float:right;
	height:70px;
	width:336px;
	}
	
#tagline ul {
  	height:86px; 
  	margin:0;
  	width: 336px;
	background:#fff url(../images/topnav.gif) no-repeat right top;
  	}
  
#tagline li {
  	list-style-type:none; 
  	width:0;
  	height:67px;
    position:absolute;
  	}
  
#tagline a {
	float:left;
  	height:0;
	position:absolute; 
  	color:#000; 
  	text-decoration:none; 
 	padding-top:66px; 
  	font: 1.5em;
 	}
  
#tagline a#sc{
  	position:absolute; 
  	left:30px; 
  	top:0px;
  	width:90px;
  	}
  
#tagline a#cu {
  	position:absolute; 
  	left:140px; 
  	top:0px; 
  	width:85px;
  	}
  
#tagline a#ma{
  	position:absolute; 
  	left:250px; 
  	top:0px; 
  	width:85px;
  	}

#tagline i{visibility:hidden}

/*EOF Top Nav Links with Image */

Here is what I don't understand. Nothing worked untill I added the
* {
margin:0;
padding:0;
}

In my stylesheet? What is *

Thanks,
Chad

[enquirer66]

Thank you for this lovely template. I've imported a different logo.gif which is slightly deeper than the one you specify. The top nav bar on the right (shop cart, contact etc) now looks a little too high and I would like to shift it down a tad but I can't find the stylesheet tags which does it. When I switch on edit stylesheet in Firefox (web dev exten.) the nav bar disappears.

[dbltoe]

Better way to get an answer is to include a link to your site. It's hard to answer correctly. Especially when you have made changes.