Docs

[Hercules P.]

Hey,

I read this https://community.theme.co/kb/implementing-additional-button-colors/ but the changes don’t apply for some reason.

I want the button on the home page to look like the photos below without changing the universal settings of buttons via the customizer.

the button at the home page should like this: http://www.evernote.com/l/AnyXbtwEfztNJI23NWEASsYZac2yugN9cvU/

When someone hovers over the button it should look like this: https://www.evernote.com/shard/s636/nl/111350782/deac9892-16ce-4c0e-87c1-881507ea1e58

Thank you very much

[Hercules P.]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for writing in! Add this on top of your custom CSS on Customizer.

.my-btn [type="submit"] {
	border-color: #de7f31;
    border-width: 3px;
    background-color: transparent;
}

.my-btn [type="submit"]:hover {
	border-color: #2dbe60;
    background-color: #2dbe60;
}

Hope it helps, Cheers!

[Hercules P.]

Hey thanks, unfortunately it didn’t work

[Paul R]

Hi,

In that case, please provide us your wordpress admin login in private reply.

Thanks

[Hercules P.]

This reply has been marked as private.

[Paul R]

Hi,

I was able to fix it.

There is a missing close curly bracket in your code.

@media (max-width: 799px) {
  .gw-go-body-cell {
        height: 4px !important;
  }
  .wplfta_login_form {
      color: #fff !important;
  }
}  /* <- this was missing */

.my-btn [type="submit"] {
	border-color: #de7f31;
    border-width: 3px;
    background-color: transparent;
}
.my-btn [type="submit"]:hover {
	border-color: #2dbe60;
    background-color: #2dbe60;
}

[Author]

Posts