Style Override

  • Hi, I have styled your plugin with some custom style.
    Sadly, the follow class use some !important that I can’t override:

    .xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}


    The plugin file is located here:

    wp-content/plugins/date-time-picker-field/assets/js/vendor/datetimepicker/jquery.datetimepicker.min.css

    There is a way to override this style even if the plugin will be updated?

    Thanks

Viewing 1 replies (of 1 total)

  • Hello Lumos,

    Yes, there is a way to override the style of the plugin without modifying the plugin file directly. You can use custom CSS to target the same elements and apply your own styles to them.

    First, make sure that your custom CSS file is loaded after the plugin’s CSS file so that your styles will take precedence. You can do this by either enqueueing your custom CSS file using the wp_enqueue_style function with a higher priority than the plugin’s CSS file, or by adding a link to your custom CSS file after the link to the plugin’s CSS file in your HTML code.

    Next, target the elements that you want to style using more specific CSS selectors than the plugin’s CSS selectors. For example, you could add a class to the parent element of the date-time picker and use that class in your CSS selectors to override the plugin’s styles:

    .my-custom-class .xdsoft_datetimepicker .xdsoft_calendar td:hover,
    .my-custom-class .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000;
    background: #f00;
    box-shadow: none;
    }

    Note that in this example, the .my-custom-class selector is more specific than the .xdsoft_datetimepicker selector used in the plugin’s CSS, so it will take precedence.

    By using more specific selectors and avoiding the use of !important, your custom styles should override the plugin’s styles without interfering with future updates to the plugin.

    Let me know if you have questions.

    Best,

    Niel, WP Support Team

Viewing 1 replies (of 1 total)
  • The topic ‘Style Override’ is closed to new replies.