Skip Navigation
WordPress Help Centre

How to customize the widget via css?

May 30, 2021 . 1 min read

You can easily customize the widget via css if you need additional customizations which are not provided in the widget settings page.

Every Advanced Business Hours widget has a unique ID, this allows you to modify each individual widget separately if you have more than one widget.

/* basic structure */
#adv_business_hrs-4 
   .abh-wrapper
     .abh-header
     .abh-body
     .abh-footer

In the above example, 4 is the widget ID. This ID can be found in the shortcode tab.

For example, to add a border around the entire widget, you can write:

#adv_business_hrs-4 .abh-wrapper { border: 5px solid #333; }
© 2021 by WordPress Help Centre. All rights reserved.