# charitable/1.7.0.11/templates/custom-styles.css.php

Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns), version 1.7.0.11. 55 lines.

- Page: https://pluginprobe.com/plugins/charitable/1.7.0.11/code/templates/custom-styles.css.php
- Raw: https://pluginprobe.com/plugins/charitable/1.7.0.11/raw/templates/custom-styles.css.php
- Modified: 2022-12-21T14:14:10+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/charitable/1.7.0.11/code/templates/custom-styles.css.php#L10-L20`.

```php
<?php
/**
 * Renders the custom styles added by Charitable.
 *
 * Override this template by copying it to yourtheme/charitable/custom-styles.css.php
 *
 * @author  WP Charitable LLC
 * @package Charitable/Templates/CSS
 * @since   1.0.0
 * @version 1.7.0.8
 */

// Exit if accessed directly.

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// Introduced in 1.7.0.7, as we migrate away from WordPress customizer.
$highlight_color_donation_form = esc_html( charitable_get_option( 'donation_form_default_highlight_colour', false ) );

$highlight_colour        = charitable_get_option( 'highlight_colour', apply_filters( 'charitable_default_highlight_colour', '#f89d35' ) );
$highlight_colour_error  = ( false === $highlight_color_donation_form ) ? charitable_get_option( 'highlight_colour', apply_filters( 'charitable_default_highlight_colour', '#f89d35' ) ) : $highlight_color_donation_form;

?>
<style id="charitable-highlight-colour-styles">
.campaign-raised .amount,
.campaign-figures .amount,
.donors-count,
.time-left,
.charitable-form-field a:not(.button),
.charitable-form-fields .charitable-fieldset a:not(.button),
.charitable-notice,
.charitable-notice .errors a {
	color: <?php echo $highlight_colour_error; ?>;

}
#charitable-donation-form .charitable-notice {
	border-color: <?php echo $highlight_colour_error; ?>;
}

.campaign-progress-bar .bar,
.donate-button,
.charitable-donation-form .donation-amount.selected,
.charitable-donation-amount-form .donation-amount.selected { background-color: <?php echo $highlight_colour; ?>; }

.charitable-donation-form .donation-amount.selected,
.charitable-donation-amount-form .donation-amount.selected,
.charitable-notice,
.charitable-drag-drop-images li:hover a.remove-image,
.supports-drag-drop .charitable-drag-drop-dropzone.drag-over { border-color: <?php echo $highlight_colour; ?>; }

<?php do_action( 'charitable_custom_styles', $highlight_colour ) ?>
</style>

```