The proceed to check out button from the cart page is only visible when hovered over. if a user doesn’t hover, the text does not show and it is very difficult for customers to proceed to checkout. Please can you help me identify how i change this?

I installed WCPT which works great.

However, I want to change the button style. Please have a look at attached image: https://saskiahermans.nl/wp-content/uploads/2022/12/Naamloos.png

The inner side of the button right is orange. I want it dark red (#911938) and I want the font color white. How can i establish this?

Thanks a lot in advance.

I am using the plugin to create popups to display further information when clicked and that all works well and looks great!

However, I have created a button within the popup to take the user to the booking page and the button styling on the backend is not showing up on the frontend. Click on (Learn More) button on each treatment section…

This was displaying correctly yesterday but not today, for some reason :/

Button styling in editor

Button styling on frontend

I’m using GeneratePress Pro (latest version).

Any advice gratefully received!

Many thanks!

Changing the default blue color

I edit the normal background color & the hover background color. Everything but the REGISTER button is showing up right. For some reason, the text in the register button is a darker color, not white.

I’ve already attempted to change the styles of the buttons in Customizer, but it still didn’t help.

I appreciate any help. This is getting frustrating because I like the plugin a lot.

Thanks,
Jamie

I’m attempting to apply an opacity transition to the submit button to keep it in line with all the other buttons on my site, but for some reason it’s not taking. Here is the code I’m using:

form#glsr_837748db.glsr-form.glsr-default button.glsr-button.button.btn {
	border-radius: 5px;
	transition: opacity .3s ease-in-out !important;
	-moz-transition: opacity .3s ease-in-out !important;
  	-o-transition: opacity .3s ease-in-out; !important
  	-webkit-backface-visibility: hidden !important;
	-webkit-transition: opacity .3s ease-in-out !important;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

form#glsr_837748db.glsr-form.glsr-default button.glsr-button.button.btn:hover {
	opacity: .7 !important;
}

Could you please advise? Thank you for your help

Michael.

https://reclaimdesign.org/home-decor-shop/

this plugin works and works as said.

Some suggestions:

Please include some example documentation on how to change the look and feel of the button.

Block the “Added to Cart” message when we are using Buy Now, as its useless.

I just used css to hide the “product added to cart message” on checkout

I had to google around and thankfully someone posted the suggestion on your youtube channel

I am pasting the code here if anyone can find it useful.

CSS in Child Themes Style.css file

/** Quick Buy Button Placement Only in product name and buttons area **/
.product-template-default .entry-summary .quick_buy_container {
position: relative;
left: 225px;
top: 62px;
}

/* Quick buy button position on Homepage */
.home .quick_buy_container {
position: relative;
left: 0px;
top: .75em;
}

/* Quick buy button position on Product Single Page in Related Products Section */
.product-template-default .related .product .quick_buy_container{
  position: relative;
  left: 0px;
  top: .75em;
}

/* Quick Buy Button Styling in Card View */
.wcqb_button, .wc_quick_buy_button, .quick_buy_button, .quick_buy_simple{
  background-color: #333333;
  border-color: #333333;
  padding: .6180469716em 1.41575em;
  color: #ffffff;
  font-weight: 600;
}

.wcqb_button:hover, .wc_quick_buy_button:hover, .quick_buy_button:hover, .quick_buy_simple:hover {
				background-color: #1a1a1a;
				border-color: #1a1a1a;
				color: #ffffff;
			}

I would like it just to show the amount with the currency symbol if possible.

My full short code is as follows

[accept_stripe_payment name='Site build in a Day' price='495' button_text='Pay with Card']