Return to previous page

Size matters… - by Jarkko - on WordPress WooCommerce support

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

    #190426 Copied
    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

    #190451 Copied
    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?

    #190894 Copied
    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

    #190911 Copied
  • Viewing 4 results - 1 through 4 (of 4 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
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – 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.