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