Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Cart fields have no borders & how to move PP checkout button to the right?
- This topic has 4 replies, 2 voices, and was last updated 13 years, 4 months ago by emue.
-
AuthorPosts
-
June 12, 2011 at 10:21 pm #3579emueMember
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!
June 13, 2011 at 2:42 am #33312amin007ParticipantThis post should help you with getting the checkout button right aligned:
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>June 14, 2011 at 2:39 am #33313emueMemberThanks 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!
June 15, 2011 at 12:53 am #33314amin007ParticipantYou haven’t done what it says here which is why the right align isn’t working:
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;
}June 15, 2011 at 3:27 am #33315emueMemberYes, 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.
-
AuthorPosts
- You must be logged in to reply to this topic.