Forums / Templates, Stylesheets, Page Layout / Header Main Bar resizing

Header Main Bar resizing

Locked

Views: 2,681

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
3 Oct 2007, 6:01 PM
#1
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Header Main Bar resizing

Hello Everyone:
I need to find out how to make the Header Main Bar bigger.
I have a background image and a logo on top of it.
Where do I find the file to do this or is it a CSS
or is it header.php

Also would like to know how to take off the New Products for October on a Catalog page (ie not a product page)

any help would be great
nomad

3 Oct 2007, 9:39 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header Main Bar resizing

A url to what you are working on

Zen-Venom Get Bitten

3 Oct 2007, 9:57 PM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header Main Bar resizing

Not sure which you are referring to??? But if the navMain find this in your css

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a; /*color is a dark gray*/
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

Seperate the navMain and apply a height to it as you want something like:

#navMainWrapper {
	margin: 0em;
	background-color: #9a9a9a; /*color is a dark gray*/
	font-weight: bold;
	color: #ffffff;
	height: 40px;
	width: 100%;
	}

#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a; /*color is a dark gray*/
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

If other than this - provide additional detail

Zen-Venom Get Bitten

4 Oct 2007, 3:54 PM
#4
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Re: Header Main Bar resizing

Still not what I', looking for
The background image needs to be bigger. The image is not showing the whole image.

damon
PS thanks so far Kobra

4 Oct 2007, 4:34 PM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header Main Bar resizing

The background image needs to be bigger. The image is not showing the whole image.
Check the height of your image and adjust the height to match

Zen-Venom Get Bitten

5 Oct 2007, 7:55 PM
#6
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Re: Header Main Bar resizing

I'm still not getting what I want.
https://www.nightscaping.com/catalog

this is what I have for my header.php
// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Nightscaping Professional Outdoor Lighting Since 1959');
define('HEADER_SALES_TEXT', 'Welcome to Nightscaping');
define('HEADER_LOGO_WIDTH', '231px');
define('HEADER_LOGO_HEIGHT', '90px');
define('HEADER_LOGO_IMAGE', 'nightscaping_logo.gif');

this is what I have on my css
#navMainWrapper { /*made changes here ie seperated */
margin: 0em;
background-color: #9a9a9a; /color is a dark gray/
font-weight: bold;
color: #ffffff;
height: 25px; If I make this bigger then the Nav. bars go though the backbround image and I don't want that. width: 100%;
}

#navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a; /color is a dark gray/
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;

my logo image is 261 x 90 points with 72 dpi
my backgound image is 745X180 points with 72 dpi
With the logo I want to be able to see some of the backgound image.

thanks
nomad

5 Oct 2007, 9:28 PM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header Main Bar resizing

Trying to read your mind and not doing a fair job...You have been eluding to the navMain or I asked if this was what you meant and it appears not.

Find this in your stylesheet and seperate out what I have highlightes in red

#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

So that you end up with something along this line and see if this is what you have been seeking

#logoWrapper {
	margin: 0em;
	padding: 0em;
        height: 180px;
        }
#contentMainWrapper,  #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

Zen-Venom Get Bitten

5 Oct 2007, 9:38 PM
#8
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Re: Header Main Bar resizing

Kobra:
That is it. Once again thank you.
Your one of the best on this forum

Should have tried that one.
nomad

5 Oct 2007, 9:46 PM
#9
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header Main Bar resizing

I need to find out how to make the Header Main Bar bigger.
I have a background image and a logo on top of it.
From your OP - was looking a the "BAR" and not the header/logo

Zen-Venom Get Bitten

5 Oct 2007, 9:49 PM
#10
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Re: Header Main Bar resizing

Sorry about that Kobra. I should have explain it better.
Intermediate/beginner tell and adv is somewhat hard.
nomad

23 May 2008, 5:53 AM
#11
runoka avatar

runoka

New Zenner

Join Date:
May 2008
Location:
Orlando, FL
Posts:
96
Plugin Contributions:
0

Re: Header Main Bar resizing

I tried all these steps but for some reason I can not resize my header area.
Currently I have 681x249 and 265x249 2 images next to each other on my heather area. I would like to change the height from 249px to 125 px, so the new image sizes will be 681x125 and 265x125.
Here is the website;
https://www.mall11.com

thank you...

23 May 2008, 5:47 PM
#12
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Header Main Bar resizing

runoka,

Currently I have 681x249 and 265x249 2 images next to each other on my heather area. I would like to change the height from 249px to 125 px, so the new image sizes will be 681x125 and 265x125.
You have to use your graphic editor to resize your images

Zen-Venom Get Bitten