Simple Zen Template - Support Thread

shopyoungway:

well this is actually one for you i have tried to figure this out now for a day and a half but can't find what needs to be done. I am trying to carry the border around the my account area ( the light border around the whole thing and it sits between the title) i want to set that onto the categories menu but i can not get it at all. would apreciate any help.

Thanks
I'm not really visualizing what you mean, sorry! Are you saying you want the border around the my account section, and have it butt up against the categories menu?

take a look at my site. https://www.shopyoungway.com (long off from being finished) the categories menu has better categories built into it. but no outline border it just does not fit right i want to put like a border around the categories menu and the categories header. the prob i run into is i can get it around the menu itself but the header gets on border. i was looking at the my account sign up page and it has a light grey border that wraps around the whole signup sheet and kinda envelopes the hearder for it. this is what i am trying to get it would fit perfect but every piece of css i play with just does not fit

shopyoungway:

take a look at my site. https://www.shopyoungway.com (long off from being finished) the categories menu has better categories built into it. but no outline border it just does not fit right i want to put like a border around the categories menu and the categories header. the prob i run into is i can get it around the menu itself but the header gets on border. i was looking at the my account sign up page and it has a light grey border that wraps around the whole signup sheet and kinda envelopes the hearder for it. this is what i am trying to get it would fit perfect but every piece of css i play with just does not fit

Did you try #navColumnOneWrapper or #navColumnOne or .leftBoxContainer? All three with a border should both enclose the categories menu, along with the categories header.

Hello, thanks very much for the mod. Just want to report back the IE problem is still not fixed in IE 7.0, it is fixed in IE6.0 and prior.

Thanks!

Isaac.

BlessIsaacola:

Hello, thanks very much for the mod. Just want to report back the IE problem is still not fixed in IE 7.0, it is fixed in IE6.0 and prior.

Thanks!

Isaac.

Thanks for letting me know that Isaac. Here is the fix.

Open up includes/templates/simple_zen/css/stylesheet_new.css.

Find

* html #tagline li {
  	margin-left:-165px;
  	}
  
* html #tagline a {
  	height:67px; 
  	he\ight:0;
  	}

and get rid of it altogether. It was a bad IE hack that didn't address the real issue. (sorry)

Then find

#tagline ul {
  	height:86px; 
  	margin:0;
  	width: 336px;
  	text-align:center;
	background:#fff url(../images/topnav.gif) no-repeat right top;
  	}

and remove text-align:center; from that chunk. Voila! The real fix for this problem. I'll update the download in a bit.

Thanks for the fix. The template now works in all versions of IE and FF I tested.

Hi,

I'm wondering if someone can assist me...

I would like to have seperators between sideboxes on my site. I'm using the Simple_Zen theme.

I'd like either a 1 or 2px line or an image.

How and where in the CSS would I do this? I use both left and right sideboxes.

Thanks

Jeff

:cry: Could someone help me out?

1. How do I insert a separator between the side boxes?

2. How do I insert border for my navigation bar?

I welcome feedback and help in anyways to improve my site. Thanks!

Check my site.

http://www.graceboutiqueshop.com/

misticjeff:

Hi,

I'm wondering if someone can assist me...

I would like to have seperators between sideboxes on my site. I'm using the Simple_Zen theme.

I'd like either a 1 or 2px line or an image.

How and where in the CSS would I do this? I use both left and right sideboxes.

Thanks

Jeff

Try this:
.sideBoxContent {
border-bottom: 2px;
}

mithgar:

:cry: Could someone help me out?

1. How do I insert a separator between the side boxes?

2. How do I insert border for my navigation bar?

I welcome feedback and help in anyways to improve my site. Thanks!

Check my site.

http://www.graceboutiqueshop.com/

For the sidebox separator:
Try this:
.sideBoxContent {
border-bottom: 2px;
}

for the navigation bar:
#navCatTabsWrapper {
border: 2px ;
}

One thing I would suggest is saving your logo as a .gif; it will be more crisp that way since it is only a two color image. It is a tad blurry as it is now.

Also, I'd add more colors to your site, vs. the grey and red. I included a purple header image, if you'd like to use that instead, open up includes/templates/simple_zen/css/stylesheet_new.css and change:

#navMainWrapper {
background: url(../images/gradient.gif) repeat-x;
margin-bottom:5px;
border-bottom:1px solid #333;
}

to:
#navMainWrapper {
background: url(../images/gradient_purple.gif) repeat-x;
margin-bottom:5px;
border-bottom:1px solid #333;
}

Hi

thanks for the help. I am having problem with the overwrite. Seems that my modications to the stylesheet has no effect at all. I am lost!

mithgar

jettrue:

Try this:
.sideBoxContent {
border-bottom: 2px;
}

Well unfortunately that didn't do anything. Does it matter where in the CSS file that I put the code?

mithgar:

Hi

thanks for the help. I am having problem with the overwrite. Seems that my modications to the stylesheet has no effect at all. I am lost!

mithgar

Double check and make sure you have it in the right folder. It should be in includes/templates/simple_zen/css/

misticjeff:

Well unfortunately that didn't do anything. Does it matter where in the CSS file that I put the code?

Oops, sorry, forgot to add the style and color. This will work:

.sideBoxContent {
border-bottom: 2px solid #333;
}

mithgar:

Hi

thanks for the help. I am having problem with the overwrite. Seems that my modications to the stylesheet has no effect at all. I am lost!

mithgar

Sorry I posted so quickly. Yours would be like this:

.sideBoxContent {
border-bottom: 2px solid #333;
}

and

#navCatTabsWrapper {
border: 2px solid #333;
}

Hi,

thanks again! It works now.

By the way, how do I increase the width of my main page?

jettrue:

Oops, sorry, forgot to add the style and color. This will work:

.sideBoxContent {
border-bottom: 2px solid #333;
}
That worked...! thanks a bunch

mithgar:

Hi,

thanks again! It works now.

By the way, how do I increase the width of my main page?

Look in the stylesheet file, under the body, it has:
width:750px;

You can actually just delete that one.

Then find the mainWrapper section, and find the other
width:750px;

and adjust to the width you would like it to be.

Then you'll need to adjust the width under logoWrapper as well.

Hi.

Thanks for the fixes.

One small problem though.

About the line inserting that you have done the

.sideBoxContent {
border-bottom: 1px solid #999999;
}

I changed it to look better color wise.

BUT

It is sticking to the side boxes - you can see here https://www.street-market.co.uk
any chance you can add a space before the line is inserted.

Right now you have added the line.

Can you make that space then line?

Hope I was clear enough :))

Also Can I make the fonts smaller on the mainpage? The fonts are huge for both titles and its content.

Thanks for all the help.

Gavin

cyptc:

Can you make that space then line?

Hope I was clear enough :))

Also Can I make the fonts smaller on the mainpage? The fonts are huge for both titles and its content.

Thanks for all the help.

Gavin

For the space, try this:
.sideBoxContent {
border-bottom: 1px solid #999999;
padding-bottom:5px;
}

The fonts aren't huge for me... however, they are set in percentages and em's, so that people who tell their browser to show larger fonts actually see larger fonts. Are you by chance using Internet explorer, and have your font size set to "Larger" or "Largest"? But if you want to change the font size, you can do that in the css file. Inside the body tag you'll see: font-size: 78.5%; you can make that smaller. The heading sizes are controlled by the h3 tag (font-size: 1.3em) you can change that to 1.2 or 1.1em, and the Welcome guest! section is controlled by the h2 tag (font-size:1.4em). Perhaps adjust the body down to 72.5%, and change the h3 to 1.2em and the h2 to 1.3em.