Change SKU Text Size

  • Resolved mikepalmerpyramid

    (@mikepalmerpyramid)


    6 years, 7 months ago

    Hello, I’ve had a look through the FAQ and guides. For my delivery notes SKU codes are more imporant than product title etc. I was really keen to have the SKU code much larger in font size.

    Could someone point me in the direction to achieve this.

Viewing 6 replies - 1 through 6 (of 6 total)
  • kenil802

    (@kenil802)

    6 years, 6 months ago

    Hi @mikepalmerpyramid,

    To increase the font size of the SKU code, can you please try adding the font-size for the CSS class ‘extras’ in style.css file and check whether it is working or not.

    Code:
    .extras {
    font-size: 25px;
    }

    Please let us know how it goes.

    Regards,
    Kenil Shah

    Thread Starter mikepalmerpyramid

    (@mikepalmerpyramid)

    6 years, 6 months ago

    Hi Kenil,

    Unfortunately that didn’t work

    kenil802

    (@kenil802)

    6 years, 6 months ago

    Hi @mikepalmerpyramid,

    Can you please try by adding the CSS code in the style.css file of our plugin which is located at woocommerce-delivery-notes/ templates/print-order/style.css.

    CSS Code:
    dl.extras { font-size: 2em; }

    Please check and let us know whether the provided code is working fine or not.

    Regards,
    Kenil Shah

    • This reply was modified 6 years, 6 months ago by kenil802.
    Thread Starter mikepalmerpyramid

    (@mikepalmerpyramid)

    6 years, 6 months ago

    @kenil802 The first method worked after I cleared cache etc.

    Spot on does this job perfectly

    britebuzz

    (@britebuzz)

    6 years, 5 months ago

    Hello,

    I have the same issue with the size of the SKU font in both Delivery Notices and Invoices. I added the code to the style.css file located at woocommerce-delivery-notes/ templates/print-order/style.css. I don’t see any difference in the font size after the changes and purging the cache. Could you please let me know what else could be the issue here?

    Thanks

    britebuzz

    (@britebuzz)

    6 years, 5 months ago

    I figured out how to make the following code work.

    Code:
    .extras {
    font-size: 25px;
    }

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Change SKU Text Size’ is closed to new replies.