How to customize the Joomdonation Buttons

  • Alison Young
  • Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #133979 by Alison Young
How to customize the Joomdonation Buttons was created by Alison Young
Hello Support,

I'm trying to get the Joomdonation component and modules to match the color of my template.

1. Can you please provide a css example or advise how to change the color of the default orange buttons on Joomdonation.

A. For example, how to change the color of the "donate now" and "raised" buttons.

2. Is there a way to get the component to accept the default button colors of the template i'm using?

Please advise, thanks.

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #134143 by hq
I need this information too

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #134212 by Mr. Dam
Replied by Mr. Dam on topic How to customize the Joomdonation Buttons
Hi,
The buttons in Donation form is using Bootstrap button style. You can change different style for the button in Donation form by modifying files:
root -> components -> com_jdonation -> view -> donation -> tmpl -> default.php and simpleflow_layout.php
The style class of button "Process Donation" is: "btn btn-primary"
You can change different style like
btn btn-success
btn btn-danger
btn btn-inverse
...
You can make override file with Donation layout (in your Joomla template) to avoid overridden in future.
Thanks
Dam
The following user(s) said Thank You: Alison Young, hq

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #134221 by hq
Thank you very much
:-))

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #134222 by hq
I was to fast with to say thankyou

It doesnt work :-(

quangharvest.com/mo-rong/dang-hien

I add class="btn btn-success"
and also change the color under:
root/media/com_jdonation/assets/css/style.css
the green color doesnt show up :-(((((((

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #134274 by Mr. Dam
Replied by Mr. Dam on topic How to customize the Joomdonation Buttons
Hi,
As i checked on your Donation form, the Donation button is green now.
Thanks
Dam

Please Log in or Create an account to join the conversation.

More
4 years 7 months ago #134277 by hq
Dear Dam

Thank you for checked. It was something wrong with "cache".
I am glad I have the green color now :-)

Do you have an instruction for that "You can make override file with Donation layout (in your Joomla template) to avoid overridden in future."

thanks

Please Log in or Create an account to join the conversation.

  • Alison Young
  • Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #134281 by Alison Young
Replied by Alison Young on topic How to customize the Joomdonation Buttons

Please Log in or Create an account to join the conversation.

  • Alison Young
  • Topic Author
  • Offline
  • New Member
  • New Member
More
4 years 7 months ago #134282 by Alison Young
Replied by Alison Young on topic How to customize the Joomdonation Buttons
Thanks Mr. Dam... that works for me!

Perhaps this will help someone in the future with creating overrides...

docs.joomla.org/J3.x:How_to_use_the_Temp...r#Creating_Overrides

Please Log in or Create an account to join the conversation.

Moderators: Mr. DamDũng Nguyễn Việt