Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / last try - does anyone know how to...

last try - does anyone know how to...

Locked

Views: 1,266

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
1 Mar 2007, 8:22 PM
#1
gsdcypher avatar

gsdcypher

Totally Zenned

Join Date:
Feb 2007
Posts:
816
Plugin Contributions:
0

last try - does anyone know how to...

nothing has worked.

  • based on the classic template. does anyone know how to:
  1. make the header extend aross the page, but leave the body a set width (like the apple zen template)?

  2. remove the tagline "row" not just the words but the space dedicated to it?

thanks.

1 Mar 2007, 11:13 PM
#2
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: last try - does anyone know how to...

#mainWrapper {width: 100%; }

#contentMainWrapper{
margin: auto;
width: 770px;
}


2. ```
#tagline {display: none;}
2 Mar 2007, 1:59 AM
#3
gsdcypher avatar

gsdcypher

Totally Zenned

Join Date:
Feb 2007
Posts:
816
Plugin Contributions:
0

Re: last try - does anyone know how to...

whoa. thanks ryk. i was just getting ready to uninstall zc. i like the features, but it is just too difficult to modify the way i want to. i looked into some prefab templates but that didn't sound like a good idea either.

i just can't get my head around how to modify the looks of the cart. i've been looking for simple things like adding images to the header???

maybe you could help with a couple of other things.

i removed the row above my header that had two links, home and log in and a search box. how do i get to appear in my header rather than in a row above the header?

how do i add a shaded border to either side of my main page (like on this forum)? i added this code under body {} to my css stylesheet, but it didn't do anything.

.leftEdge {
background-image: url(../images/main-bg.gif);
background-repeat: repeat-y;
background-position: top right;
width: 5%;
}
.rightEdge {
background-image: url(../images/secondary-bg.gif);
background-repeat: repeat-y;
background-position: top left;
width: 5%;
}

thanks

2 Mar 2007, 9:33 AM
#4
ryk avatar

ryk

Totally Zenned

Join Date:
Oct 2004
Location:
Southport, UK
Posts:
3,644
Plugin Contributions:
6

Re: last try - does anyone know how to...

If I were you, I'd download Firefox, its Web Developer Toolkit and Firebug add-ons.

Those add-ons allow you to examine and CHANGE the css of any web page as you view it; you can also save those changes to your own harddrive ... and then you can upload it to your css directory.

In other words...

  1. load up your site
  2. go to the page you want
  3. edit the css on the fly
  4. when you get the result you want, save the stylesheet
  5. upload it
  6. refresh the page you're working on
  7. if not quite right, go to 2
  8. move on to next page

You perhaps need to get to grips with CSS; there're tons of tutorials on the 'net; a good book is Designing without tables using CSS from sitepoint.com

As well as CSS, you can move blocks of code around in the tpl_ files - and you need to study the includes/templates/YOUR_TEMPLATE/common/tpl_header.php for your header question. If you've already been playing around, it may be better to start again with an untouched copy of the file.

Regarding your left and right edges - you're thinking the wrong way round; what you do is give the body a background colour/image and then the other classes (e.g. #contentMainWrapper) a different background.

If you start using Firefox, do remember to check what the pages look like in IE6 and 7, and if possible, Safari, Opera etc.