Forums / Templates, Stylesheets, Page Layout / Align footer to center.

Align footer to center.

Views: 1,239

Results 1 to 5 of 5
20 Mar 2014, 8:52 PM
#1
cherbalist avatar

cherbalist

Inactive

Join Date:
Mar 2014
Location:
St. Louis, MO
Posts:
25
Plugin Contributions:
0

Align footer to center.

Hey there everyone!

I'm running ZC 1.5.1. I've got backup zen cart v1.1, ceon manual card 4.0.1, ckeditor, css js loader, fast n easy checkout, email for 404 v1.2.2, fual slim box v2.1.0a, UPS v15, and the latest install of USPS. As for a template I'm using pure green free. Found here.

What I would like to do is take the footer of my site and align it to the center. I'm not sure how to approach this and would like to get some input.

Here is a link to the screenshot, I'd like to center the text at the bottom that I

20 Mar 2014, 10:58 PM
#2
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: Align footer to center.

It's a bit hard to see in the picture so I'm guessing it's this:

#siteinfoLegal {
text-align: center;
}
Found in your stylesheet.css

Hope that helps,

21 Mar 2014, 1:59 AM
#3
cherbalist avatar

cherbalist

Inactive

Join Date:
Mar 2014
Location:
St. Louis, MO
Posts:
25
Plugin Contributions:
0

Re: Align footer to center.

Trinity14:

It's a bit hard to see in the picture so I'm guessing it's this:

#siteinfoLegal {
text-align: center;
}
Found in your stylesheet.css

Hope that helps,

Thanks for the response! I went into the stylesheet.css for the template i'm currently using and changed-

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	float:left;
	}
#siteinfoIP {
	float: left;
}

to

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	float:center;
	}
#siteinfoIP {
	float: center;
}

My only problem now is that where it would normally have > Copyright © 2014 Cheryl's Herbs. Powered by Zen Cart

Zen Cart Themes by 12leaves.com
Your IP Address is: xxx.xxx.xx.xx all aligned to the left, it now has the first and third line are centered but the second remains to the left. Any ideas? Once again, thanks.

21 Mar 2014, 2:29 AM
#4
cherbalist avatar

cherbalist

Inactive

Join Date:
Mar 2014
Location:
St. Louis, MO
Posts:
25
Plugin Contributions:
0

Re: Align footer to center.

Thanks for the help! I also needed to edit ```php
.legalCopyright {
float: left;
font: 11px verdana !important;
}

21 Mar 2014, 1:27 PM
#5
trinity14 avatar

trinity14

Zen Follower

Join Date:
Jan 2014
Location:
Ontario, Canada
Posts:
252
Plugin Contributions:
3

Re: Align footer to center.

Glad to guide you in the right direction ;)