Problems customizing Red Passion template

[Dionysian]

Well, I managed to screw it up. :)

I tried changing the height of the navCattabs wrapper to 0, that didn't work, so I changed everything except the width and r/l margins to 0, that made a difference but didn't remove the links. So then I removed the wrapper definition altogether, and it just showed up below the logo instead of over it.

I then removed all references to the navCattabs wrapper, and it went away but the categories showed up in list format in the left column below the logo.

Also, I changed the logo height in header.php (I just copied the default and created /includes/languages/english/red_passion/head.php because the template doesn't come with one), but the size of the main wrapper is still the same. I was then able to shorten the mainwrapper by changing the stylesheet, but when I did so, it misaligned everything.

I'm totally lost when it comes to CSS and php. *sigh* I think I'm gonna have to pay for a designer.

[nick04263]

just take your time and work your way through the learning curve. This site is an excellent reference. Or possibly get the Zencart manual.

Anyway, to turn off those links:

Ajeh says,

If you are looking at the Category Links at the top of the page ... then you need to disable the Category Tabs ...

Configuration ... Layout Settings ...

Categories-Tabs Menu ON/OFF
Categories-Tabs
This enables the display of your store's categories as a menu across the top of your header. There are many potential creative uses for this.
0= Hide Categories Tabs
1= Show Categories Tabs

Just so you know, in the red passion template, the top banner (header_bg.jpg) includes the grey area behind those tabs. You would need to edit the picture itself in a graphic editor to remove the grey area and then reupload the picture to www/images/

[Dionysian]

Thanks for pointing me to that setting. I re-uploaded the original header.php and stylesheet.css after butchering things last night, but I do have the category tabs off now thanks to your advice.

I am still having a bit of trouble changing the height of the logo wrapper. I changed the value from 282 to 235 in red_passion/css/stylesheet.css. (This is the height of header_bg.jpg after I cropped the top portion.)

The logo wrapper shortened as I wanted, but the text ("Home Login") in the navbar under the logo became misaligned. I then changed the height to 222 just to see what would happen, and the entire page became misaligned.

I checked header.php, there is only one reference to the logo and the height is set to 64px, so I don't think that's interfering with it.

Any ideas? Thanks again for the help.

[Dionysian]

Just a note, I went ahead and bought a Monster Template (I know, it won't work correctly, I'm having someone recode it for 1.3.7 using all div)...so my question is a moot point now. But thanks again for the tip on turning the nav category tabs off...that was driving me crazy.

[tamrig]

I know Dionysian has moved on to another template, but I found the answer to his (and my) problem with resizing the header. Just in case someone else is using this template and runs into the same problem . . .

The file named logo.gif is used in the header (I suppose for the SEO benefits of image title and alt text). This image is sized 300 x 282. If you want the header to be less than 282px high, you need to shorten the height of this image.

Alternatively, you could just remove the image altogether. Of course, you would loose the SEO benefits. The file logo.gif is referenced in the header.php file.

[MuMon]

Hi, I am having a problem resizing the image.

This is what I did:

1. I used photoshop to create a grey version of the top background image with size 842x119 (instead of the original 842x282)

2. I modified stylesheet.css as follows
#logoWrapper {
background-color: transparent;
height:119px;
/* height:282px;*/
}

In IE it looks fine
in Firefox, however, the table is out of place. It has moved to the right, outside of the mainwrapper.

See here: http://zentest.freehostia.com/zencart/

Any hints?

Thanks
Juan

[MuMon]

Never mind,
This was solved in this other thread.
http://www.zen-cart.com/forum/showthread.php?t=70506

Thanks
Juan

[andimorton]

Hi, probably your problem with the header was to do with the fact that there's a transparent image over the top of the header in the red passion template that forces it to a certain size. I had the same issue and just made the logo.gif file smaller which decreased the size of the top header. Sometimes the best way to work out what's going wrong in a webpage/template is with firefox and firebug. Google them if you don't know what I'm talking about

andi.

[Leess]

Just a question, folks.

How I can see in the nav.bar the search box?