Docs

[StudioNeal]

Hello!
I’m using the Give for WP plugin on my site, and the buttons default to gray. I’d like them to match the rest of my site. Am I able to do this in the CSS for the section?

These are the colors I’m using on the rest of the site.
Button color: rgb(36, 179, 83)
Button hover: rgb(26, 128, 59)
Button text: rgb(255, 255, 255)

Site is still under construction, so I will give a link and creds in a follow up message. Thank you!!

[StudioNeal]

This reply has been marked as private.

[StudioNeal]

Also, the header image on the donation page is the same as my other pages, but is appearing smaller. I can’t seem to find out what’s causing it. Any suggestions?

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.give-btn {
  background-color: rgb(36, 179, 83);
  border-color: #24b353;
  border-radius: 0.25em;
  color: #ffffff;
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
}

.give-btn:hover {
  background-color: rgb(26, 128, 59);
  border-color: rgb(26, 128, 59);
  color: hsl(0, 0%, 100%);
  text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
}

Hope this helps.

Cheers!

[StudioNeal]

Perfect! Thank you.
Can you see a reason that the top image on the donation page is smaller than the other pages? It seems like there is margin/padding on the left, right, and bottom but I have everything set to 0 and the code seems to match other pages where it’s not an issue.

[Jade]

Hi there,

Please select the Row settings of the section that contains the image and set the column container to off.

[StudioNeal]

Perfect, thank you!

[Joao]

Glad to hear it,

Joao

[Author]

Posts