A couple question

[mbschwerin]

I just installed version 1.3.9h and have a few customization questions. I have made several changes to the look through CSS and php edits.

I have tried to search for these answers, but they have eluded my search attempts:

http://lesleyelizabeth.net
1. How do I get the breadcrumbs to move up closer to the header I have put in?

2. What is the proper location to change the font size of the footer. I managed to find the proper place to edit the copyright info, but not to manipulate the size.

Thanks for looking.

[gjh42]

You have an HTML error in your header. You tried to comment out a div, but didn't close the comment:

<!--bof-branding display-->

<div id="logoWrapper">

    <!--<div id="logo"><a href="http://lesleyelizabeth.net//"><img src="includes/templates/lesel/images/" alt="" /></a></div>


</div>

Add --> here:
alt="" /></a></div>-->

<!--bof-branding display-->

<div id="logoWrapper">

    <!--<div id="logo"><a href="http://lesleyelizabeth.net//"><img src="includes/templates/lesel/images/" alt="" /></a></div>-->


</div>

[stevesh]

First things first. Since you're just beginning, I recommend you start over with Zencart version 1.5.0.

I'm not sure why you or your template designer felt the need to add position: relative; elements to the various Zencart stylesheet rules, but Zencart handles that sort of thing fine natively.

Try adding display: none; to the #logoWrapper rule in your stylesheet.

As for font sizes, etc., install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-9, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

In this case it's #siteinfoLegal.

[gjh42]

stylesheet.css (line 1137)

#siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
color: #FFE999;
font-size: 10px;
position: relative;
text-align: center;
top: -30px;
}

[gjh42]

Oh, and "just installed v1.3.9h"... did you get it from the link on the homepage here? That says "v1.3.9h / updated release / DOWNLOAD", but actually leads to the real latest, v1.5.0.
If you used a host's installer, that probably was v1.3.9h.

[mbschwerin]

I pulled a template that I thought was basic enough to handle what I need for this particular site.

I installed 1.3.9h directly from QuickInstall from HostGator, not to mention it says that's the version in the admin panel. I am not starting over with an old version.

I will check out the line that is partially commented out and fix that...but you might have been looking at the pages while I was trying different changes to get the position correct.

[mbschwerin]

Ok, thank you for the help on that comments tag that took care of the placement problem. But the reason I was commenting that out was to get rid of the logo that I am not using, so right now it is displaying a red x since there is no file for it.

What is the proper way to get rid of it?

[gjh42]

Finish the comment tag, as I showed in my first post. When I did that in Firebug, the gap closed right up.

[mbschwerin]

The weird thing is when I tried to close it, it didn't gray out like it should have in DW...I will try closing it and uploading the change anyway. Thanks again.

edit: Worked just fine. guess I shouldn't trust DW totally, LOL.