Layout help

Hello,

I’d like to request some assistance in tightening up the layout of my LIST VIEW
http://slovenly.com/store/slovenly-r…nly-vinyl.html

Specifically, I need to move the Description / Price / Add to Cart / Short description over to the left, closer to the image. And align everything properly. And tighten up the spacing between products… just a little.

ALSO, I can’t seem to get the browser tab icon (favicon) to show up. If you look at my current site (http://www.slovenly.com/) it does show up… and I have it set in Configuration > Design > HTML head…

thanks in advance! Once this stuff is done, I’m ready to launch!
Peter

3 answers

Profile photo of tomc 0.00 $tone November 21, 2011
Public

Hello,

I’d like to request some assistance in tightening up the layout of my LIST VIEW
http://slovenly.com/store/slovenly-r…nly-vinyl.html

Specifically, I need to move the Description / Price / Add to Cart / Short description over to the left, closer to the image. And align everything properly. And tighten up the spacing between products… just a little.

Open the file --> /store/skin/frontend/default/jm_deco/css/theme.css

at line 3035

Code:

.products-list .product-shop {
    width: 450px;
    float: right;
}


Try changing to "float: left;"

If that is not far enough left for you, then you can also try a "margin-left" with a negative parameter
(e.g. margin-left: -10px and see how that works.

ALSO, I can’t seem to get the browser tab icon (favicon) to show up. If you look at my current site (http://www.slovenly.com/) it does show up… and I have it set in Configuration > Design > HTML head…

Your custom favicon should go into the /skin/frontend/default/YOUR_THEME/favicon.ico directory

#1
Profile photo of Pete Menchetti 0.00 $tone November 21, 2011
Public

Thanks a lot Tom C! That worked for me.

The only thing that continues to nag me about the list view is that before the description (the band name in my case), there are a couple of extra spaces. I can’t figure out how to get rid of those…

thanks again
Peter

#2
Profile photo of tomc 0.00 $tone November 22, 2011
Public

Open the file --> /store/skin/frontend/default/jm_deco/css/theme.css

at line 3062 . . .

Code:

.products-list h2.product-name {
	margin-top: 0;
	line-height: normal;
}

try changing to the following . . .

Code:

.products-list h2.product-name {
	margin-top: 0;
        margin-left: -5px;
	line-height: normal;
}

Of course, you can play around with the "margin-left" parameter until you arrive at the display you want.

Hope that helps.

#3

Please login or Register to Submit Answer

Written By

Comments