# wp-ultimate-post-grid/2.2/helpers/css.php

WP Ultimate Post Grid, version 2.2. 57 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/2.2/code/helpers/css.php
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/2.2/raw/helpers/css.php
- Modified: 2016-09-14T10:21:28+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/wp-ultimate-post-grid/2.2/code/helpers/css.php#L10-L20`.

```php
<?php

class WPUPG_Css {

    public function __construct()
    {
        add_action( 'wp_head', array( $this, 'dropdown_filters_css' ), 19 );
        add_action( 'wp_head', array( $this, 'css' ) );
        add_action( 'wp_head', array( $this, 'custom_css' ), 20 );
    }

    public function dropdown_filters_css()
    {
        if( WPUltimatePostGrid::is_premium_active() ) {
            $border_color               = WPUltimatePostGrid::option( 'filters_dropdown_border_color', '#AAAAAA' );
            $text_color                 = WPUltimatePostGrid::option( 'filters_dropdown_text_color', '#444444' );
            $background_highlight_color = WPUltimatePostGrid::option( 'filters_dropdown_highlight_background_color', '#5897FB' );
            $text_highlight_color       = WPUltimatePostGrid::option( 'filters_dropdown_highlight_text_color', '#FFFFFF' );

            echo '<style type="text/css">';
            // Border Color
            echo '.select2wpupg-selection, .select2wpupg-dropdown { border-color: '.$border_color.'!important; }';
            echo '.select2wpupg-selection__arrow b { border-top-color: '.$border_color.'!important; }';
            echo '.select2wpupg-container--open .select2wpupg-selection__arrow b { border-bottom-color: '.$border_color.'!important; }';

            // Text color
            echo '.select2wpupg-selection__placeholder, .select2wpupg-search__field, .select2wpupg-selection__rendered, .select2wpupg-results__option { color: '.$text_color.'!important; }';
            echo '.select2wpupg-search__field::-webkit-input-placeholder { color: '.$text_color.'!important; }';
            echo '.select2wpupg-search__field:-moz-placeholder { color: '.$text_color.'!important; }';
            echo '.select2wpupg-search__field::-moz-placeholder { color: '.$text_color.'!important; }';
            echo '.select2wpupg-search__field:-ms-input-placeholder { color: '.$text_color.'!important; }';

            // Highlight colors
            echo '.select2wpupg-results__option--highlighted { color: '.$text_highlight_color.'!important; background-color: '.$background_highlight_color.'!important; }';

            echo '</style>';
        }
    }

    public function css()
    {
        if( WPUltimatePostGrid::option( 'grid_container_animation_speed', '0.8' ) != '0' ) {
            echo '<style type="text/css">';
            echo '.wpupg-grid { transition: height ' . WPUltimatePostGrid::option( 'grid_container_animation_speed', '0.8' ) . 's; }';
            echo '</style>';
        }
    }

    public function custom_css()
    {
        if( WPUltimatePostGrid::option( 'custom_code_public_css', '' ) !== '' ) {
            echo '<style type="text/css">';
            echo WPUltimatePostGrid::option( 'custom_code_public_css', '' );
            echo '</style>';
        }
    }
}
```