Problem With Custom Button (Checkout)

[Prestawise]

Hello presta ppl

 

Im having some trouble adding a new custom button to my cart. Ive made a new button in my CSS and updated blockcart.tpl with the new custom button.

 

My problem is i cant get prestashop to show the entire button - it will only show the button IF i make the text link longer (see code and attached pic) how can i change the code to only show my custom button?

 

p id="cart-buttons">
		<center> <a href="{$base_dir_ssl}order.php?step=1" id="button_order_cart" class="exclusive_cart" title="{l s='ooooooooooooooooooooooooooooooo' mod='blockcart'}">{l s='oooooooooooooooooooooo' mod='blockcart'}</a> </center>
	</p>

[Metameme]

Hi Napz,

 

Can you post the CSS for the button? At first glance it looks like a floating error but I can't know for sure without the CSS.

 

//Mike

[Prestawise]

Hi Napz,

 

Can you post the CSS for the button? At first glance it looks like a floating error but I can't know for sure without the CSS.

 

//Mike

 

Hi Mike

 

Thank you for your reply

 

Here is the CSS code for my custom button

 

input.button_cart, input.button_cart_disabled, input.exclusive_cart, input.exclusive_cart_disabled, a.button_cart, a.exclusive_cart, span.button_cart, span.exclusive_cart {
 width: 149px;
    height:47px;
 cursor: pointer;
 background-image: url('../img/button-cart.gif');
 border:none;

}

 

/Napz

[Metameme]

Try adding display:block;

(This is because you can not set a height on an inline element in css).