• Resolved fabswordpress

    (@fabswordpress)


    Hi
    A client wants a different color for the product serial number.
    At the moment I only see black and red? How can I Change that color, can you provide the css code?
    I am a PRO user, thank you
    Very good plugin.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Tauhidpro

    (@tauhidpro)

    You can Write style following CSS

    .product-number.pns_cercle tr:not(.thead) td:first-child:before {
        background: #eeeeee !important;
        color: #000000 !important;
        border-radius: 0 !important;
    }

    If you need specific table only add a class(Go to editor -> Select Table block or Click Table Essential Setting -> Advanced -> Additional CSS Class ).
    Now your style will be

    .your-class .product-number.pns_cercle tr:not(.thead) td:first-child:before {...}

    We hope More product serial number style add soon….

    • This reply was modified 4 years, 9 months ago by Tauhidpro.
    • This reply was modified 4 years, 9 months ago by Tauhidpro.
    Thread Starter fabswordpress

    (@fabswordpress)

    Hi thank you.
    Do I add it to Stylesheet (style.css), because I dont find the .product-number in the site.
    Adding just over WordPress-Customizer-Additional CSS does not work.

    Regards, fabs

    Plugin Author Tauhidpro

    (@tauhidpro)

    Can you please select Product Number Style 1 or 2 not 3 and paste this code in your Customizer-Additional CSS

    .product-number.pns_cercle tr:not(.thead):before,.product-number.pns_squire tr:not(.thead):before {
        background: #eeeeee !important;
        color: #000000 !important;
        border-radius: 0 !important;
    }

    Then force refresh(ctrl + shift + R).

    Is this code helpful for you?

    Thread Starter fabswordpress

    (@fabswordpress)

    Hi
    it works for Style Number 1 and 2 in the customizer only for mobile view!

    • This reply was modified 4 years, 9 months ago by fabswordpress.
    Plugin Author Tauhidpro

    (@tauhidpro)

    This code working my PC Is this code working for PC?

    /* For Mobile */
    .product-number.pns_cercle tr:not(.thead):before,.product-number.pns_squire tr:not(.thead):before {
        background: #eeeeee !important;
        color: #000000 !important;
        border-radius: 0 !important;
    }
    /* For Dextop */
    @media only screen and (min-width: 767px) {
    .product-number.pns_cercle tr:not(.thead) td:first-child:before,.product-number.pns_squire tr:not(.thead) td:first-child:before
    	{
        background: #eeeeee !important;
        color: #000000 !important;
        border-radius: 0 !important;
    }
    }
    Thread Starter fabswordpress

    (@fabswordpress)

    Yes, that works for mobile and desktop!
    Great job!

    (Now for product number style 3 would be cool too =)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change the color of Product Serial Number’ is closed to new replies.