plugin color customization

Hi,

Thank you for reaching out to us.

Regarding your query, could you please provide additional details, such as your website link and the specific area where you’d like to change the color? This will help us better understand your request and provide a more accurate solution.

Additionally, for the dark mode issue, we recommend checking if your theme or a custom CSS snippet can be used to align the plugin’s appearance with your website’s dark mode settings.

Regards

My website link is ….

https://giddipro.com/

Below is the campaign page…. with FundEngine plugin, need to change all the color blue to ED4900

https://giddipro.com/campaign/

2) Yes the theme or a custom CSS snippet can be used to align the plugin’s appearance with my website’s dark mode settings.

Hi giddiempire,

Hope you are doing fine.I apologize for the delay. Upon checking, I found that the progress bar on your campaign page was blue. Using this CSS code, the color will change.

.wfp-view .wfp-round-bar .wfp-round-bar-data {
height: 30px;
width: 30px;
line-height: 30px;
background-color: #ED4900! important;
}

To apply this CSS, go to Dashboard > Customization > Additional CSS and paste the code there. Once done, the blue color will change.

Regards

Thanks,

But I will like every link and other Blue color text to be change to #ED4900

Example : https://giddipro.com/fundraising/my-project/

to change the money raise color and the active table menu below

Await your css code on it. Thanks

Hi giddiempire,

Hope you are doing fine. You can change the FundEngine campaign colors from Dashboard > FundEngine > Settings > Display Settings (screenshot). Now change the color, and it’ll work.

Other colors, you can check the theme global color setting if it does not change. I hope this can help.

Regards.

All done still not working. please find a css code that i can use to correct it.

Thanks

Hi,

I understand. Using this CSS code, the color will change.

.wfp-view .wfp-header-cat--link {
color: #ED4900 !important;
}

.wfp-view .wfdp-donate-goal-progress.both_show .raised-amount .wfp-inner-data {
color: #ED4900 !important;
}
.wfp-view .wfp-goal-single .wfdp-donate-goal-progress .raised .target-date-goal {
color: #ED4900 !important;
}

To apply this CSS, go to Dashboard > Customization > Additional CSS and paste the code there. Once done, the blue color will change.

Regards.

It works,

But the below Tab color has not changed, also the category color, kindly send the code line for the below Tab description to change accordingly.

Also how can a user withdraw from his dashboard?

• This reply was modified 3 months ago by giddiempire.

Hi,

Hope you’re doing well. The category color has been updated (screenshot). You can also change the tab text color and social media color using the following CSS:

.wfp-view .wfp-tab>li.active>a {
color: #ED4900 !important;
}

.wfp-view .wfp-tab>li>a:before {
background-color: #ED4900 !important;
}

.wfp-view .wfp-share-media>li>a {
color: #ED4900 !important;
}

Regarding payments, users will need to contact the website owner directly to receive payments, as there is no automatic payment system currently in place. I hope this clarifies the process.

Regards.

Thanks

please the tap section slashed Review & Update form submit button background color still display blue color, please help with the css code to change the button background color to #ED4900 while the text remains white. Thanks

Hi giddiempire,

Hope you are doing fine. I apologize for the delay. Here is the CSS code for the star rating and review submit button.

.wfp-view .xs-review-rating-stars ul.xs_review_stars li.star.selected>i.xs-star {
color: #ED4900 !important;
}
.wfp-view .xs-review-rating-stars ul.xs_review_stars li.star.hover>i.xs-star {
color: #ED4900 !important;
}
.wfp-view .xs-btn-primary {
background-color: #ED4900 !important;
}

Regards.

Hi?giddiempire,

I hope you are doing well. We have provided all the necessary CSS code to assist in resolving the issue you were facing.

Could you please confirm if everything is now working as expected? If there’s anything else you need assistance with, feel free to let us know. We’ll be happy to help further.

If the issue is resolved, we’ll proceed to close this ticket. Thank you for your cooperation.

Best Regards.

Dear @giddiempire

I hope this message finds you well. Since we haven’t received any response from you, we assume that the issue has been resolved. Therefore, I’m marking this thread as resolved.

If you need any further assistance on this matter, feel free to create a new thread. We will be happy to assist you.

Best Regards,
Reju

Thanks,

I think we are left with few css code to amend with the color, check the below screenshot for more understanding.

https://snipboard.io/SnarOl.jpg

This screenshot shows the user’s dashboard interface.

Await your soonest response. Thanks

Hi giddiempire,

I hope you are doing well.?Here is the CSS code for the nav item and campaign page,

.wfp-view .xs-btn {

? ? ?background-color: #ED4900 !important;

}

.wfp-view section.wfp-dashboard div.dashboard-content .dashboard-left-section .wfp-menu-left ul.wfp-main-menu li.opend a {

? color: #ED4900 !important;

}

.wfp-view section.wfp-dashboard div.dashboard-content .dashboard-left-section .wfp-menu-left ul.wfp-main-menu li.opend a {

? ? color: #ED4900 !important;

}

.wfp-view section.wfp-dashboard div.dashboard-content .dashboard-left-section .wfp-logout .logout-button {

? ? width: 100%;

? ? color: #ffff !important;

}

.wfp-menu-left ul.wfp-main-menu li.opend i {

? ? color: #ED4900 !important;

}

.wfp-view section.wfp-dashboard .my-campaign .campaign-tab .top-menu-dashboard li.active a {

? ? color: #ED4900 !important;

? ? border: 1px solid #ED4900 !important;

? ? ? border-bottom: none !important;

}

Regards.