Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / CSS trouble...yes...I'm a newbie

CSS trouble...yes...I'm a newbie

Locked

Views: 989

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
12 Oct 2006, 10:26 PM
#1
gizmoronimo avatar

gizmoronimo

New Zenner

Join Date:
Oct 2006
Posts:
3
Plugin Contributions:
0

CSS trouble...yes...I'm a newbie

I'm trying to fix the layout, and this is what it looks like:

Humongous Image deleted

NOW THIS is what I want it to look like:

Humongous Image deleted

I'm using the "Classic Contemporary Green" template...modified...
Im using ZEN 1.3.5

Can anyone help me... Is all this done in the .css files

I would also like to add a search field in the top-black bar...How?

12 Oct 2006, 10:30 PM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: CSS trouble...yes...I'm a newbie

Could you be a little more specific. What is it that you want fix?

12 Oct 2006, 10:48 PM
#3
gizmoronimo avatar

gizmoronimo

New Zenner

Join Date:
Oct 2006
Posts:
3
Plugin Contributions:
0

Re: CSS trouble...yes...I'm a newbie

If you look at the 2 pictures you'll se a couple of differnces:

  • The logo image is not located close to the black top bar
  • The bread crumb is not located close to the logo image,
    and I want it to fill the entire width of the page.
12 Oct 2006, 11:09 PM
#4
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: CSS trouble...yes...I'm a newbie

Do you have a URL for the site so I can take a look.

12 Oct 2006, 11:36 PM
#5
gizmoronimo avatar

gizmoronimo

New Zenner

Join Date:
Oct 2006
Posts:
3
Plugin Contributions:
0

Re: CSS trouble...yes...I'm a newbie

13 Oct 2006, 12:31 AM
#6
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: CSS trouble...yes...I'm a newbie

In your stylesheet.css add the following two declarations:

#headerWrapper br, #navMainWrapper br {display: none;}

Change the width in the following declaration from 750px to 100%

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 2px solid #000000;
}

See if that does the trick.