I’m trying to stylize the buttons on the website https://startrite-reconditioned.co.uk but i’m having a little trouble. So far i’ve successfully implemented the following CSS which is working as intended:

.header-button-work {
width: 200px;
font-size: 30px;
padding-top: 0.5em;
.span {display: inline;}
}

However I’d like the border color to be different. border color for these buttons seems to be controlled by text color. Unfortunately it seems that any CSS that i’m using to try and change the text or border color isnt working. I have tried using the ‘border-color’ and ‘color’ commands, including using the !important command but no luck, it seems that for whatever reason the button text color takes precedent.

I have even cleared the text color for the button styling and tried again, but unfortunately the themes text color then takes over, which it seems cannot be cleared like the button text color value.

Am I missing something obvious?

Conor

I’ve been looking for a front end user notes plugin for a while.

What features do you plan for the future?

I’m hoping you will add some options to remove the print button and rich text editor.

I tried it with my theme and I’m not sure where the print button is getting it’s css from, it looks like a full width form field. There is no spacing between the note and the edit note button so it would be nice if there is an option to format the note box, perhaps margins, padding borders etc… I can do that with css but would be nice to see it built in.

Thank you for the plugin.

Iain

Is there a special setting in VariationSwatches to make this style of variation buttons – exactly like this: square ones with having the middle one with a header “BEST SELLER”?
Or do we need to play with CSS by ourselves to make it?

Here’s the exact style we want to achieve:
https://prnt.sc/teYGEkUYfxpT

Thanks!

I have tried many ways to change the color of the “Start” button at the bottom of the style section. I would like to know what is the code that I must enter in CSS to be able to change the color of the button and the text inside the button, everything else like pading, size etc is perfect but the color is missing, now I have a white color in the button and not match my page. If it is possible I will like the Black Button with White Text. Thank you very much in advance.

This is the code from the inpect page on Google:

<input type=”button” class=”ays_next start_button action-button” value=”Start” data-enable-leave-page=”false”>

First of all thankyou very much for your great Plugin!!!

I am wondering if it is possible to change the background and text color of buttons (reviews_link=”View Google Reviews” write_review_link=”Leave A Review”)?

Many Thanks in advance and best regards.

How to change the background color of the button to orange, text to white, and with no border width?

Can you please send me the css for this please.

FYI, I am using Divi theme. I can add a custom css on the theme option. I am not a techy person.

Thanking you in advance.

Kind regards.