Cart fields have no borders & how to move PP checkout button to the right?

[emue]

Could you please help me as I haven’t fond a solution to those 2 issues on this page of my site (http://emue.fr/boutique/#wp_cart_anchor):

– Coupon field don’t have borders. I am using Europa theme, and the developer of the theme advised about this in his help forum : please wrap this content by the element with default-fields class (or add that class to the tag):

<div class=”default-fields”>

form content

</div>

Unfortunately, I don’t understand how to use this solution in eStore. No idea where I have to add this. Can you help?

– I would like to move the checkout button to the right. Haven’t managed to do this in the CSS.

Thanks!

[amin007]

This post should help you with getting the checkout button right aligned:

https://support.tipsandtricks-hq.com/forums/topic/right-align-the-checkout-button-in-the-estore-shopping-cart

Regarding the coupon field customization… open the “eStore_cart.php” file and look for the following block of code:

<form  method="post" action="" >

<input type="text" name="coupon_code" id="coupon_code" value="" size="10" />

<input type="submit" class="eStore_apply_coupon" value="'.ESTORE_APPLY.'" />

<input type="hidden" name="eStore_apply_discount" value="1" />

</form>

Once you find it change it with the following which will do what your theme developer suggested:

<div class="default-fields">

<form  method="post" action="" >

<input type="text" name="coupon_code" id="coupon_code" value="" size="10" />

<input type="submit" class="eStore_apply_coupon" value="'.ESTORE_APPLY.'" />

<input type="hidden" name="eStore_apply_discount" value="1" />

</form>

</div>

[emue]

Thanks for your help. Coupon field is now OK.

However, my Checkout button is still positioned on the left, even though I added the ‘text-align:right’ CSS. I also would like to get rid of the decoration on this button. I have added ‘text-decoration: none’ in several places in the CSS but the button is still underlined.

Thanks a lot!

[amin007]

You haven’t done what it says here which is why the right align isn’t working:

https://support.tipsandtricks-hq.com/forums/topic/right-align-the-checkout-button-in-the-estore-shopping-cart

There is no sign of the “eStore_cart_checkout_button” CSS class on your webpage.

You simply added right align properly to the “eStore_paypal_checkout_button” CSS class which ofcourse is not going to work.

The bottom border on the checkout button is coming from your link CSS (“a” property). you should be able to add the following CSS to override this:

.eStore_paypal_checkout_button a{

border:none;

}

.eStore_paypal_checkout_button a img{

border:none;

}

[emue]

Yes, about aligning the button to the right, the solution you gave wasn’t working, that’s why I tried different things. Finally, it ended up working when I added the align-right style to eStore_cart_fancy1_footer.

Thanks for you help.

[Author]

Posts