SKU styling - by pensline - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 8 years, 1 month ago ago by Robert Hall

  • Avatar: pensline
    pensline
    Participant
    February 1, 2016 at 22:37

    I would like to change the styling of the SKU on the product page to be a bit more prominent. How can i find it in the css?

    Thank you.

    5 Answers
    Avatar: pensline
    pensline
    Participant
    February 1, 2016 at 23:14

    I tried to add this line:

    .product-code span {
        color: #090909;
        font-family: Verdana;
        font-size: 15px;
        font-weight: bold;
    }

    in the default.custom.css but I don’t see a change.

    Avatar: pensline
    pensline
    Participant
    February 1, 2016 at 23:19

    after looking it over I need both the sku line and the actual sku tag to look the same. I see they are two separate tags.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 2, 2016 at 08:44

    Hello,

    Please try to add your code in custom.css file, not default.custom.css.
    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: pensline
    pensline
    Participant
    February 3, 2016 at 20:23

    ok added the custom css. Only thing changed was the font-weight. I’m looking to change the size & color.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 3, 2016 at 20:32

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.