ez-page header bar

Views: 3,108

Results 1 to 18 of 18
10 Mar 2013, 12:26 AM
#1
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

ez-page header bar

Hi all,
I'm trying to center the font and also make the font color in white on the Ez-pages header-bar ; in the includes/templates/classic/css/stylesheet.css without success.
any idea which code line to look at ?

I'm also trying to place a transparent image gif, in the center column any idea which line to look at?

thanks

10 Mar 2013, 12:28 AM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: ez-page header bar

Why are you using "classic" ?

One of the first things you need do after initial install is to put in your own template. Either create one from scratch, or use one of the many excellent free ones in the plugins area.

Before you do any more "customizing" to "classic", install a custom template.

20 years a Zencart User

10 Mar 2013, 12:31 AM
#3
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: ez-page header bar

If you base your template on the "classic" one, then the declaration covering EZ Pages header menu is:

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

Just add a text-align: center; statement to it.

20 years a Zencart User

10 Mar 2013, 12:33 AM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: ez-page header bar

thesnow:

I'm also trying to place a transparent image gif, in the center column any idea which line to look at?

The "center column" is a ** general content area** that can contain many different outputs...

What is the purpose of this "gif" ?

20 years a Zencart User

10 Mar 2013, 1:12 AM
#5
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

schoolboy:

The "center column" is a ** general content area** that can contain many different outputs...

What is the purpose of this "gif" ?

Hi,
I'm re-designing site, want background to look similar to this https://www.qj.ca but can't seem to place a background gif at https://www.qj.ca/index.php
Also the logo is 760 by 110 its getting cut off, next thing to fix

thanks

10 Mar 2013, 1:14 AM
#6
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

schoolboy:

Why are you using "classic" ?

One of the first things you need do after initial install is to put in your own template. Either create one from scratch, or use one of the many excellent free ones in the plugins area.

Before you do any more "customizing" to "classic", install a custom template.

I have them backed up, I believe in less folders... better performance....old school of thought i guess

10 Mar 2013, 1:30 AM
#7
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: ez-page header bar

thesnow:

I have them backed up, I believe in less folders... better performance....old school of thought i guess

This makes no sense....

What have you "backed up" ?

The OVER_RIDE system is a critical and important function of this software. Performance has nothing to do with "number of folders". Zencart will select appropriate resources from whatever source it needs them from - and the "over-ride" system means just that... It will "by-pass" core files, when a valid over-ride file exists.

In fact, it assists greater efficiency, so get busy with your custom template BEFORE you do any more work in "classic".

The "classic" template has very important diagnostic functions which (in time) you will be grateful for.

20 years a Zencart User

10 Mar 2013, 1:56 AM
#8
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

schoolboy:

This makes no sense....

What have you "backed up" ?

The OVER_RIDE system is a critical and important function of this software. Performance has nothing to do with "number of folders". Zencart will select appropriate resources from whatever source it needs them from - and the "over-ride" system means just that... It will "by-pass" core files, when a valid over-ride file exists.

In fact, it assists greater efficiency, so get busy with your custom template BEFORE you do any more work in "classic".

The "classic" template has very important diagnostic functions which (in time) you will be grateful for.

Basically for example: in the directory tree::includes/templates/classic/css/stylesheet.css , i would also have the original file untouched in the same directory, includes/templates/classic/css/stylesheet_bckup.css
Probably right..making my life more complicated.. its not a big site very simple straight forward..

10 Mar 2013, 2:36 AM
#9
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: ez-page header bar

thesnow:

Basically for example: in the directory tree::includes/templates/classic/css/stylesheet.css , i would also have the original file untouched in the same directory, includes/templates/classic/css/stylesheet_bckup.css

Well, that's going to give you problems right away. Zencart will call in ALL stylesheets with a .css extension, so your site will now load with the stylesheet.css AND its backup, and one will just over-ride the other.

I hope you haven't been doing the same with php files.

As schoolboy says, there are some critical protocols that need to be observed. It is important that you take advice on these issues and don't go off like a bull in a china shop, blindly believing that what you are doing "is OK".

Sorry to sound like a spinster school mistress approaching menopause, but if you carry on down the route you are taking you will spend many hours on the forum in tears later on.

10 Mar 2013, 3:22 AM
#10
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

LoL ...I like your colorfully language ..ok, I got a HD colored picture of what your saying.. will reinstall the program and start fresh..

10 Mar 2013, 3:30 AM
#11
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: ez-page header bar

thesnow:

LoL ...I like your colorfully language ..ok, I got a HD colored picture of what your saying.. will reinstall the program and start fresh..

Not absolutely necessary to re-install.

Why not look at some of the templates by PICAFLOR AZUL. They are really good.

20 years a Zencart User

10 Mar 2013, 4:45 AM
#12
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

The site up to now is fine, need to make some adjustments...went of topic..
on previous questions..

11 Mar 2013, 1:26 AM
#13
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

would like to find code line to make these changes, tried unsuccessful in sylesheet.css
Attachment 12117

14 Mar 2013, 4:19 PM
#14
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

Hi,
how can i change the color or height in the gift pic provided. Is this done on the stylesheet.css ?

14 Mar 2013, 6:57 PM
#16
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: ez-page header bar

www.qj.ca/index.php from post #5

could try adding this to your stylesheet

div#navMainWrapper {
height:XXpx!important;
}

div#headerWrapper, div#navCatTabsWrapper {
background:#99CCFF;
}

16 Mar 2013, 3:30 AM
#17
thesnow avatar

thesnow

New Zenner

Join Date:
Jan 2013
Posts:
37
Plugin Contributions:
0

Re: ez-page header bar

Great..your code worked! ... how can I reduce the size to half ?

thanks much appreicated

16 Mar 2013, 3:40 AM
#18
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: ez-page header bar

you actually have to change the XX to a number:

so this:
div#navMainWrapper {
height:XXpx!important;
}

needs to be changed to something like:

div#navMainWrapper {
height:30px!important;
}