Editing 'Donation' Button in Benevolence theme

[ballkid]

Hi there, would like to seek your advice, I’ve tried for a long time but I cant seem to find the option to make adjustments (change colour etc) to the ‘Donation’ button in Benevolence theme. I can change the rest of the buttons in the same header but this ‘Donation’ button seems to be a standalone?

Thank you in advance!

With best regards,
Jason

[friech]

Hi Jason,

Thank you for writing in, is your “Donation button” is a code coming from a third a party service (like Paypal)? If so, then you need to edit the button code from the Paypal side. Depends on how that button is created we might not able to style that.

On the other hand, if you are using the button element please see the documentation here.

And please provide us login credentials in a secure note so we can take a closer look.

Have a nice day,

[ballkid]

Hi Friech, thanks for getting back. I’m referring to the “Donation” button which was already there in the “Benevolence” template I’ve pulled from Design Cloud.

I don’t intend to have a donation function per se but just thought of making use/rename the “Donation” page for other contents. So would like to make changes to the text colour and etc.

Thanks for your help
Jason

[friech]

Hi Jason,

Thank you for the clarification, that Donation button on your menu is styled via custom CSS, as you might notice that is not really a button but a menu item, it was just being styled to make it look like a button.

You can find the styling of that under Theme Options > CSS, find this block and do your adjustments.

.x-navbar .desktop .x-nav > li.menu-item-fill > a > span {
  color: #00a580;
  border-color: transparent; 
  background-color: #ffffff;
}

Hope it helps,
Cheers!