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