I Removed logo and sideboxes etc. moved up.

Hi There
Am using v1.5 as a new install.
Am a complete begginner with css, html etc. so have taken the last week nearly to set up my custom template.

Used the classic template as a base and just worked throught the FAQ, forums etc. to customise everything, have looked for the answer to this problem.

Am using FileZilla and Notepad++.

Problem:
I deleted the logo using this tutorial
https://www.zen-cart.com/tutorials/index.php?article=126

Which worked fine except all my sideboxes and the middle cart area moved up and I cannot move them down again.

Tried changing margin_top, margin, padding + on Boxcontainer and Boxheading.

site where problem is:
http://homeschoolheavenaustralia.com/catalogue/

Thanks for your time.
Turina

In your stylesheet, find this block of code:

#headerWrapper, #contentMainWrapper, #logoWrapper{
width:850px;
height:110px;
background-image:url(../images/);
background-repeat: ;
}

and add margin-bottom: 135px; and remove the "unused" background-repeat: ; to make that whole block look like:

#headerWrapper, #contentMainWrapper, #logoWrapper{
width:850px;
height:110px;
background-image:url(../images/);
margin-bottom: 135px;
}

That should move your sideboxes back down.

Also, you have a comma that's creating a parse error. Find and remove it in this block of code:

, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 1em;
    padding: 1em;
    }

See it? Right before the "#cartBoxListWrapper?............yea.............that needs removed.

Hope this helps.

Hi There,

Thank you so much!

Absolutely worked, now I can go to sleep and not think about it all night.

Turina

Not a problem. Glad to help.

You also have about 3 more parse errors that need fixed for your css to validate.

1. Find and remove the # from this block of code:

#navCatTabs ul li a {
    color: #none;
    }
```2. Find and remove (or add a value like "repeat-x", "repeat-y", or "no-repeat") the background-repeat:; from this block of code:

#logoWrapper{
background-image:url(../images/);
background-repeat:;
background-color: #a9cf54;
height:200px;
width:850px;
}

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-image:url(../images/logotest.png);
background-repeat: no repeat;(should be: background-repeat: no-repeat;)
background-color: #43727f;
}

Hope this helps.

Oh yea!, There ya' go. Now you have valid css!!

Edit: Well..................ya' did. What happened to it?

Sorry,
went to put in a header in admin so I could post a link back to the main website, but it appears that the header is nearly 1/2 way down the page?!

How can you see all those mistakes? It looks all greek to me!

I just downloaded firefox so I could use the website developer addon thing, but even though its made it heaps easier to see what I have to change (wish I had it earlier this week!!), I can't for the life of me see what I have done wrong.

Do you know how I could get that header to sit at the bottom of the green bit in the logo area?

Thanks again!!
Turina

Sherenanz:

How can you see all those mistakes? It looks all greek to me!

By using the WebDeveloper Addon for FireFox. Look at the button (if you use the toolbar vs. the "view" dropdown) Tools>Validate CSS (WHILE VIEWING YOUR SITE). That will take you to the W3C Schools' css validator, showing you all errors.

Sherenanz:

Do you know how I could get that header to sit at the bottom of the green bit in the logo area?

Try looking in includes/templates/turina/common/tpl_header.php and moving the section of code containing the EZ-Pages;

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->

up the page until you get it where you want it. You should be able to place it right under <!--eof-header logo and navigation display--> and get it pretty close to the top............if not, just keep moving that whole block of code up the page until it looks right.

Hope this helps.

Thanks so much for all your tips and help!

Moved everything, not exactly where I want it but will do for now. Theres some sort of space when I place it below the logo area that just won't let me place it right under the lime green area, but where it is is fine I think.

CSS is validated, HTML is validated last time I looked. Didn't even know there was such a thing.

Thanks again
Turina