Return to previous page

SKU styling - by pensline - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 8 years, 10 months 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.

    #111173 Copied Theme version: 3.3
    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.

    #111178 Copied
    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.

    #111179 Copied
    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.

    #111211 Copied
    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.

    #111528 Copied
    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.

    #111529 Copied

  • Tagged: , , , ,

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme

See All Templates

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