Style for Manual Confirm Order button

[RichardC]

I have the Manual Checkout Form Builder. Now I want to style the Confirm Order button.

It is called by:

<div class=”eStore_manual_checkout_submit”>

<button type=”submit” name=”confirm” class=”pure-button pure-button-active”>Confirm Order</button>

</div>

I’ve tried various versions of:

.pure button, .pure-button-active {

font-size: 22px!important;

}

I can’t make it stick (probably a specifity issue). Can you tell me the proper code?

Thanks, Richard

[RichardC]

Also, I’ve tried this to eliminate the border around the eStore_paypal_checkout_button.

input.eStore_paypal_checkout_button[type=’image’] {

border: none!important;

}

It works sometimes, but on other computers it doesn’t work. What would be a fail-safe way to eliminate that border?

Thanks, R

[admin]

You have to share a link to the page where I can go and inspect the CSS on your site so I can see what CSS code of your theme is affecting it (if any).

When it works in some computers and not others, it generally indicates a caching issue. When you are logged in as admin, you are not seeing the cached version.

[RichardC]

You’re right about The Checkout Page. It was cache. I thought I was clearing the cache, but Chrome has several different levels of cleared cache. That’s good now.

Can you tell me what CSS selector I should use to style the Confirm Order button (original question)? The page is: endinghate.com/checkout-crypto/

Thanks, R

[admin]

You can use the following CSS selector. Below is an example of how to make the font color of the confirm order button red (this should give you an idea):

.eStore_manual_checkout_submit button{

color: red;

}

[Author]

Posts