CSS Hero V4 – How to use Variables on CSS Hero WordPress plugin

by | Jun 29, 2021 | 0 comments

CSS Hero V4 – How to use Variables on CSS Hero WordPress plugin

by | Jun 29, 2021 | CSS Tips and Tricks | 0 comments



Variables are the easiest way to store a repeatable value on your WordPress site and to control it from a single point.
A typical use case is declaring your brand colors as variables (@myColor: red).
At this point you can customise your website using those variables, setting text colors, background colors etc…).
If for some reason you need to change one of your brand colors this will result just in updating the @myColor variable value to the new value and all the previously set edits on your theme will reflect this update!
Learn more at csshero.org

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>