#fbuilder .deletebtn input[type=button] {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    line-height: 2;
    min-height: 34px;
    padding: 5px 30px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    vertical-align: baseline;
    background: #007cba;
    border-color: #007cba;
    color: #fff;
    text-shadow: none;
    position: relative; /* Required for pseudo-element positioning */
}

#fbuilder .deletebtn input[type=button]::before {
    content: '';
    display: inline-block;
    width: 16px; /* Icon width */
    height: 16px; /* Icon height */
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle;
    background: url('data:image/svg+xml,%3Csvg xmlns="https://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24" width="24" height="24"%3E%3Cpath d="M3 6h18v2H3V6zm2 3h14v13H5V9zm4 3v7h2v-7H9zm4 0v7h2v-7h-2zM7 4h10v2H7V4z"/%3E%3C/svg%3E') no-repeat center;
    background-size: contain; /* Ensures the SVG scales properly */
}

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/