![]() ![]() We've discussed that a Countdown Element is an easy tool for adding countdowns on a page and we've learned how to change it's content and design. To sum up, we've discussed the Countdown Element. To see a live demo of the Countdown Element click here. This can be particularly helpful when integrating with various scripts and libraries. Custom Attributes – Use this option to add custom HTML attributes to the root tag of the Element (e.g.Conditions – Adds / removes Elements from the page when certain criteria are met (e.g.Hide During Breakpoints – Hides the Element at different screen sizes when design alterations are needed. ![]() Click here for more detailed information on this feature, such as using $el to dynamically target the base tag, et cetera. Element CSS – Use this feature for increased stylistic control of your Element, especially over nested markup.Class – Sets an HTML Class on the Element.The Customize pane consists of various features that allow you to take further control over your Element's styling and functionality: ![]() The Box Shadow control grouping allows you to add a box shadow to the counter to make it stand out. The Border function gives you plently of options to add a border around the countdown to make it visually pop. The Margin & Padding section allows you to style the counter by adding margin or padding to the Element.
0 Comments
Leave a Reply. |