Some control was added for the Notice and button style. Modify CSS if needed.
Notice:
Description: The Notice settings allow users to customize the overall appearance of the notice element, including its typography, background color, border color, and icon properties.
Background Color: Define the background color of the notice element to align with your website’s color scheme or to convey a specific message.
Color: Customize the text color of the notice for optimal readability and visual contrast.
Border Color: Set the border color to enhance the visual distinction of the notice element.
Icon Size: Adjust the size of the icon associated with the notice element for proportional and balanced styling.
Icon Color: Define the color of the notice icon to complement the overall design or convey specific meanings.
Typography:
Description: Typography settings within the “WooCommerce Notice” widget allow users to refine the font styles and sizes of the notice text.
Font Family: Select the preferred font family to ensure consistency with your website’s typography.
Font Size: Adjust the font size for the notice text to maintain readability and visual hierarchy.
Font Weight: Define the font weight to convey the importance or urgency of the notice message.
Padding :
The Padding settings offer users control over the spacing around the notice element, ensuring optimal alignment and visual appeal.
Customize the padding values for different devices, providing a responsive and well-spaced notice element.
Fine-tune the padding values individually for precise control over the spacing around the notice.
Simplify the customization process by linking padding values together, ensuring consistent spacing on all sides.
