Size matters… - by Jarkko - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

  • Avatar: Laatusuklaa
    Jarkko
    Participant
    April 5, 2018 at 15:47

    https://prnt.sc/j1akj7

    On the product pages, how can I…

    1. Make the font bigger?

    2. Make it wider so two digit amounts can also be seen?

    3. Make the button narrower?

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 6, 2018 at 07:15

    Hello,

    Please add code in cusrom css:
    1.

    .single-product .product-information .price {
        font-size: 18px;
    }

    2.

    .single-product .quantity input[type=number] {
        width: 50px !important;
    }

    3.

    .single-product .product-information .cart button[type=submit]:hover {
        border: 1px solid #000000;
        line-height: 37px !important;
    }
    .single-product .product-information .cart button[type=submit] {
        line-height: 37px !important;
    }

    Regards

    Avatar: Laatusuklaa
    Jarkko
    Participant
    April 12, 2018 at 07:37

    About this:

    .single-product .quantity input[type=number] {
    width: 50px !important;
    }

    How can I make the same change to cart and checkout pages?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 12, 2018 at 09:19
    .shop-table .table-bordered td.product-quantity .quantity input[type=number] {
        width: 60px !important;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 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.