[SOLVED] Moving Add to Cart Button on Category Page

[keyman]

Hello Everyone!

 

I'm attempting to fix a issue with the category display of the products, the add to cart button is not even on all products along the page, at first I attempted to move the button but that seems like a no go, so now I'm on to another idea.

 

Making the product names default to 2 lines, I'm wondering if this is possible. I have included a screenshot of the issue.

 

Another issue is the login box up top is too far right and I'm hoping someone can help me identify where to change to move it a bit left! SOLVED THIS PART

Look Below for Answers

 

Hoping someone can help with this!!

 

Thank you in advance!

Edited August 24, 2013 by keyman (see edit history)

[Jiten rash (away)]

for login my account issue go to modules/block userinfo and css file

#header_user_info {

clear: both;

float: right; <----see it exist or not

margin-top: 10px;

padding: 0px;

font-size: 12px;}

see if there any margin right reduce or remove

 

Making the product names default to 2 lines

 

its possible only if write title that will have two line

or u can reduce width of title or alignment anything but depends on no.words

[keyman]

for login my account issue go to modules/block userinfo and css file

#header_user_info {

clear: both;

float: right; <----see it exist or not

margin-top: 10px;

padding: 0px;

font-size: 12px;}

see if there any margin right reduce or remove

 

 

 

its possible only if write title that will have two line

or u can reduce width of title or alignment anything but depends on no.words

 

Thank you so much solved the user info issue but I need to some how move the add to cart buttons to look more uniformed any ideas?

[Jiten rash (away)]

can u show ur site plz i will show exactly the way u want

[keyman]

The website isn't finished yet but the address is http://www.zappacomics.com.au/

[Jiten rash (away)]

if u want this way this will be ur configuration

#header_user_info {

clear: both;

font-size: 12px;

float: right;

margin-top: 11px;

padding-right: 10px;

}

#header_logo {

float: left;

display: block;

margin-top: -4px;

}

.sf-menu {

margin: 10px 0px; <remove

[keyman]

if u want this way this will be ur configuration

#header_user_info {

clear: both;

font-size: 12px;

float: right;

margin-top: 11px;

padding-right: 10px;

}

#header_logo {

float: left;

display: block;

margin-top: -4px;

}

.sf-menu {

margin: 10px 0px; <remove

 

Thank you so much any clue on moving the add to cart buttons in the category pages?

[Jiten rash (away)]

on category pages on which direction?

[Jiten rash (away)]

oho from category pages if u add any product to cart it doesn't works ?? ur add to cart has no drop down even if Ajax enabled, Did u customized tpl files? and no friendly url enabled???

Edited August 23, 2013 by Jiten rash (see edit history)

[keyman]

In my first post there is a picture, it shows how the add to cart button under some products isn't the same position as the others, as far as I can tell it's due to the products having 1 line product names instead of 2 but I want all the add to cart buttons to be in a line

[keyman]

oho from category pages if u add any product to cart it doesn't works ?? ur add to cart has no drop down even if Ajax enabled, Did u customized tpl files? and no friendly url enabled???

 

No it does add to cart ( I had not noticed the no drop down thanks for letting know about that) but the add to cart button under a product in the category page isn't positioned right.

[keyman]

SOLVED

 

I added a height default to the product_list.css in the title h3 section like so

 

#product_list li h3 {

padding:0 0 10px 0;

font-size:13px;

height: 150px;

color:#000

[carefaktor]

Cheers keyman .. I was trying all sorts of css properties and missed the simplest