Posted - 12/08/2020 : 08:50:35
v7.2.5 is about to be release and one of the changes is that "buttons" are used in some cases instead of input, type=button. For instance... <button class="ectbutton"><i class="w3-margin-right fa fa-shopping-cart"></i> Checkout</button> The reason for this is that it makes the use of HTML elements within the button markup possible and this can be used for easily adding Font Awesome glyphs for instance. However, this means that the current styling for your site buttons might not work for the new elements and some of them could end up without the site style. To fix this, search in your site style sheet for ... input.ectbutton You may find something like this... input.ectbutton{ background:#7AC244; color:#fff; } Then add "button.ectbutton" to that like this... input.ectbutton, button.ectbutton{ background:#7AC244; color:#fff; } There will also be a hover class just below, such as this... input.ectbutton:hover{ background:#ddd; color:#000; } ...and add the hover class for the button like this... input.ectbutton:hover, button.ectbutton:hover{ background:#ddd; color:#000; } If you do this now before updating to v7.2.5 it will do no harm at all and you will then be "future proof" for the new updater. Vince Click Here for Shopping Cart SoftwareClick Here to sign up for our newsletterClick Here for the latest updater
|