Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How Do I Change the Width & Center Website?

How Do I Change the Width & Center Website?

Locked

Views: 1,637

Results 1 to 13 of 13
This thread is locked. New replies are disabled.
27 Jun 2009, 12:59 AM
#1
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

How Do I Change the Width & Center Website?

Hi, i really hope somebody can help me :D Iam using the Free Mihluna template with the CSS Flyout Header 1.5 Mod.

I want the site width to be 950px & Centered. I've manged to make & modify the background image. But i dont know how to make the main site width 950px & centered. I've also made the banner, but also i dont know how to center it :no:

I really hope somebody can help me, this is the 1st time i've used this template :blink:

Thanks in Advance :bigups:

27 Jun 2009, 1:02 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How Do I Change the Width & Center Website?

Those of us (most of us) who haven't used that template have no way of knowing what the author did in the stylesheet. Always, always, always include a link to your site, and don't put it in maintenance mode.

27 Jun 2009, 1:08 AM
#3
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Do I Change the Width & Center Website?

Hi, its http:// p o l y - f a s h i o n . c o . u k / i n d e x . p h p ? m a i n _ page=

Thanks

27 Jun 2009, 2:41 AM
#4
diverpeter avatar

diverpeter

New Zenner

Join Date:
May 2008
Posts:
35
Plugin Contributions:
0

Re: How Do I Change the Width & Center Website?

look for the #mainWrapper in your css file, you will be able to change the width their.

By the way, I saw the other guy who were looking the very much the same template as well. Did you get this as a free template from somewhere?

27 Jun 2009, 2:51 AM
#5
kobra avatar

kobra

Black Belt

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

Re: How Do I Change the Width & Center Website?

In your stylesheet.css for this template find and change the red highlighted entry

#mainWrapper {
	text-align: left;
	width: 950px;
	vertical-align: top;
	}
27 Jun 2009, 10:05 AM
#6
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Do I Change the Width & Center Website?

Thanks Kobra :clap:

I downloaded the Template from http://(sorry, site offline)/ & just changed the colour.

Also sorry i also notice my header searchbar is on the left, but in the original template it is on the right. How would i put the searchbar on the far right as in the original template?

I've also noticed the dropdown menu from the CSS Flyout Header 1.5 mod looks great. But when the menu dropdown, the menu hasnt changed in size, and is still the original size

Sorry for all these question :D Hope you can help

Thanks

27 Jun 2009, 2:13 PM
#7
kobra avatar

kobra

Black Belt

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

Re: How Do I Change the Width & Center Website?

hcd888,

Can not see :eek: anything you have

Post a link to your site

27 Jun 2009, 3:21 PM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How Do I Change the Width & Center Website?

You should be able to break navMainSearch out of this:

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

into it's own statement, then add float:right;

27 Jun 2009, 4:55 PM
#9
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Do I Change the Width & Center Website?

Hi, site is at:

http:// p o l y - f a s h i o n .c o.uk/index.php?main_ page=

( Without the spaces )

Thanks

27 Jun 2009, 6:19 PM
#10
kobra avatar

kobra

Black Belt

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

Re: How Do I Change the Width & Center Website?

hcd888,

You have renamed this template to custom???
What template are you using?

27 Jun 2009, 6:24 PM
#11
kobra avatar

kobra

Black Belt

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

Re: How Do I Change the Width & Center Website?

hcd888,
Find in your stylesheet

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

Edit to resemble this

#navMainSearch {
        float: right;
	margin: 0.5em;
	}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}
27 Jun 2009, 7:11 PM
#12
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Do I Change the Width & Center Website?

Hi, iam using the free template Mihluna

27 Jun 2009, 10:02 PM
#13
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: How Do I Change the Width & Center Website?

:clap::clap::clap:YAY:clap::clap::clap:
Thanks kobra worked!!! I was wondering why this had to be edited as i dont think i changed that and was a new download.

Again thanks kobra :bigups: