CSS Help (for a beginner!)

[jontreat]

I am trying to update the custom CSS for a WordPress form plug-in to match the current style of my theme. Can anybody offer some advice to get my button in my new custom css to match the green button w/ white text that is currently on the top of this page (the new button that needs to be updated is on the bottom of this page):

financialcareeroptions.com/list-of-online-masters-degrees-in-finance-and-accounting/american-university/

Here is the CSS that I’m using to style the plug-in:

http://codepen.io/anon/pen/eBLyrj

[Mottie]

Hi @jontreat!

It would be easier if you provided a minimal example of what you are trying to accomplish. Specifically, the HTML of the button you are styling.

I made this example using the same HTML from the site you shared along with the associated CSS: https://codepen.io/Mottie/pen/jVvvOV

Probably the only definition you’ll need is this one:

.fusion-button.button-1 {
  background: #87be22 !important;
  color: #ffffff;
}

If you need help with learning CSS selectors, check out this site: CSS Diner.

[Author]

Posts