Post by original » Thu Oct 27, 2011 6:08 pm

My footer code from stylesheet.css :

Code: Select all

/* footer */ #footer {	clear: both;	overflow: auto;	min-height: 100px; weight: 700px;	padding: 20px;	border-top: 1px solid #DBDEE1;	border-bottom: 1px solid #DBDEE1;	background: #F8F8F8;}#footer h3 {	color: #000000;	font-size: 14px;	margin-top: 0px;	margin-bottom: 8px;}#footer .column {	float: left;	width: 25%;	min-height: 100px;}#footer .column ul {	margin-top: 0px;	margin-left: 8px;	padding-left: 12px;}#footer .column ul li {	margin-bottom: 3px;}#footer .column a {	text-decoration: none;	color: #000;}#footer .column a:hover {	text-decoration: underline;}#powered {	margin-top: 5px;	text-align: right;	clear: both;}/* banner */.banner div {	text-align: center;	width: 100%;}.banner div img {	margin-bottom: 20px;}

looks like on the picture.

I want to adjust the width, so the footer will end where this blue line is.

How can i do that?

Attachments

2011-10-27_111752.png

2011-10-27_111752.png (9.04 KiB) Viewed 1629 times


New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by inactiveaccount9912 » Thu Oct 27, 2011 6:12 pm

at the footer div you wrote weight: 700px; , change it to width: number of pixels;

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by original » Thu Oct 27, 2011 6:29 pm

Thanks.

How can i move powered by opencart more to the left so i would be under the footer box?

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by inactiveaccount9912 » Thu Oct 27, 2011 6:34 pm

look for the #powered div in the css , and set the text-align to left.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by original » Thu Oct 27, 2011 7:00 pm

Thanks, but how can i set the values so the "powered by opencart" will be centered like i have drawn in the picture? Currently it is aligned to center.

Thanks

Attachments

2011-10-27_130037.png

2011-10-27_130037.png (6.13 KiB) Viewed 1620 times


New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm

Post by inactiveaccount9912 » Fri Oct 28, 2011 12:30 am

add the same width for powered like you added for footer ans set text-align to center.

Expert Member

Posts

Joined
Fri May 14, 2010 2:36 am

Post by original » Tue Nov 08, 2011 8:08 pm

Thanks. I have another question.

Now the footer on homepage is ok and it looks like this
2011-11-08_125141.png

2011-11-08_125141.png (12.49 KiB) Viewed 1585 times

but on category or account view/layout, the footer is too short. I would like to be like it was at the very begining and at the same time keep it shorter on the homepage.
2011-11-08_125253.png

2011-11-08_125253.png (20.53 KiB) Viewed 1585 times

any ideas? Is there any other solution of the problem?

Thanks

New member

Posts

Joined
Mon Sep 12, 2011 8:08 pm
Who is online

Users browsing this forum: No registered users and 77 guests