Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10269

    Hi,

    I just renamed woocommerce-mod.css to woocommerce-mod.less to make some fine tunings for a site I am working.

    When compiling the code I got a series of errors that was able to fix as follow:

    Add the following lines at the beginning:

    Code:
    /**
    * include fixes to be able to compile with less
    * @since 13/03/2021
    * by camaleo, (Email address hidden if logged out)
    */
    @opacity: 0.5;
    @opacityIE: @opacity * 100;

    Change:

    Code:
    a.button.loading,button.button.loading,input.button.loading,#review_form #submit.loading{filter:alpha(opacity=@opacity * 100);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

    To:

    Code:
    a.button.loading,button.button.loading,input.button.loading,#review_form #submit.loading{filter:alpha(opacity=@opacityIE);-moz-opacity:@opacity;-khtml-opacity:@opacity;opacity:@opacity;}

    Change:

    Code:
    .mousetrap{
    top:5px !important;
    left:5px !important;
    width:100% !important;
    Height:100% !important;
    }

    To – the last height statement needs to be lowercase:

    Code:
    .mousetrap{
    top:5px !important;
    left:5px !important;
    width:100% !important;
    height:100% !important;
    }

    #67463

    Hi Ugo,

    Thanks for posting some great information once again! I’ve tagged this for Kriesi to take a look at :)

    #67464

    Hi!

    Thanks a lot Ugo! The next update will include your updates, thanks for the help! ;)

    Regards,

    Kriesi

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Flashlight: small bug in woocommerce-mod.css’ is closed to new replies.