Top Sub-Navigation Border/BG & Other Appearance Adjustments

[biv2k]

Hi all,

I've managed to set up Zen Cart, although I'm finding it's somewhat messy when it comes down to adjusting the detail!

I have a few general questions.

Please refer to the attached image - it's the best way I can describe.

I've not had much luck finding answers on this forum or using google.

Thanks in advance.

[dbltoe]

All done through the CSS. Could be more specific with a URL

OR...

Get a copy of FireFox with Web Developer and HTML examiner extensions. They'll be invaluable to you.

[biv2k]

All done through the CSS. Could be more specific with a URL

OR...

Get a copy of FireFox with Web Developer and HTML examiner extensions. They'll be invaluable to you.

URL is http://www.catwalkcats.net

it's quite a bit tidier since i posted.

What's confusing me is the source points to 3 stylesheets - yet i'm not sure how that happened.

Any help appreciated.

[e-hol.co.uk]

Hi, I want to get rid of that space near the breadcrumb bar as well. I have had no luck so far getting anyone to help or find how to do it. Please help us!!

Cheers,

Ian

[biv2k]

Sub navigation border & background;

stylesheet_new.css
(in classic template css folder)

This code defines it

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: left;
border: 1px solid #999999;
line-height: 1.5em;

Still seeking help for the other problems above.... getting a little more used to css editing..

[dbltoe]

<!-- bof breadcrumb -->
<div id="navBreadCrumb">Home
</div>
<!-- eof breadcrumb -->


<div class="centerColumn" id="indexDefault">
&nbsp;
<h2 class="greeting">Welcome <span class="greetUser">Guest!</span> You may <a href="http://www.catwalkcats.net/index.php?main_page=login&amp;zenid=a0678cf0f77b0b18ca0551e0f0acf616">login</a> here.</h2>

This is the area in the source code pertaining to the Home and Welcome Guest! You will need to adjust the ID's in red to change the particular items.

You are getting three stylesheets because you are using the old classic template as a basis for your changes. This also makes it more difficult to do what you're trying to do in the above area.
My advice is to stop while you're not too deep in the table-based template and read up on the override (or custom template) system. There will be a bit of a learning curve but, you will be learning the latest methods AND what ZenCart will be using exclusively in the future.

[biv2k]

This is the area in the source code pertaining to the Home and Welcome Guest! You will need to adjust the ID's in red to change the particular items.

You are getting three stylesheets because you are using the old classic template as a basis for your changes. This also makes it more difficult to do what you're trying to do in the above area.
My advice is to stop while you're not too deep in the table-based template and read up on the override (or custom template) system. There will be a bit of a learning curve but, you will be learning the latest methods AND what ZenCart will be using exclusively in the future.

Thanks, I think the override system will help tidy things up immensely... I'm just afraid that it'll get too messy!