- Posts: 10
- Thank you received: 0
How to customize the Joomdonation Buttons
- Alison Young
- Topic Author
- Offline
- New Member
Less
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.
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.
- hq
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
4 years 7 months ago #134143
by hq
Replied by hq on topic How to customize the Joomdonation Buttons
I need this information too
Please Log in or Create an account to join the conversation.
- Mr. Dam
- Offline
- Administrator
Less
More
- Posts: 12818
- Thank you received: 1659
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 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.
- hq
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
4 years 7 months ago #134221
by hq
Replied by hq on topic How to customize the Joomdonation Buttons
Thank you very much
)
)
Please Log in or Create an account to join the conversation.
- hq
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
4 years 7 months ago #134222
by hq
Replied by hq on topic How to customize the Joomdonation Buttons
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 ((((((
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.
- Mr. Dam
- Offline
- Administrator
Less
More
- Posts: 12818
- Thank you received: 1659
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
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.
- hq
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
4 years 7 months ago #134277
by hq
Replied by hq on topic How to customize the Joomdonation Buttons
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
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
Less
More
- Posts: 10
- Thank you received: 0
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
Less
More
- Posts: 10
- Thank you received: 0
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
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. Dam, Dũng Nguyễn Việt
Support
Documentation
Information
Copyright © 2024 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.