How To Apply My Custom CSS For Estimated Widget?

Articles on: 🚚 Estimated Delivery Date & Time

To apply custom CSS for your delivery message

Go to the General tab.

Select the Developer option.

Find the custom CSS field.

Utilize the default class for widget personalization.

Add your CSS as per your desired customization.

For example
CSS
Copy code
.deliverydate.sb_delivery {
/* Your CSS code here */
}
Here's an example of how you might add custom CSS for an Estimated Widget:

/* Custom CSS for Estimated Widget */

.deliverydate.sb_delivery {
/* Your CSS styles here */
background-color: #f0f0f0;
color: #333;
font-size: 16px;
border-radius: 5px;
padding: 10px;
}
Adjust the CSS properties (such as background-color, color, font-size, etc.) to achieve the desired look for your Estimated Widget.|

Updated on: 16/02/2024

Mis à jour le : 13/04/2024