Changing Font Sizes

  • Resolved regerman926

    (@regerman926)


    4 years, 3 months ago

    I am new to CSS and WooCommerce and need to change the font sizes at my shop page.
    I have found this . . . . . .

    /* Product Prices */
    .woocommerce-Price-amount.amount {
    /* price properties here */
    }

    /* Product Titles */
    .woocommerce-loop-product__title {
    /* title properties here */
    }

    . . . . but do not know what properties to add.

    Can anyone please assist. Thank you in advance.

    The page I need help with: [log in to see the link]

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

  • Some css snippets are theme-dependent so its not always helpful when you find css. Try:

    /* Product Prices */
.woocommerce-Price-amount.amount {
  font-size: 16px !important;
}

/* Product Titles */
.wc-block-grid__product-title {
  font-size: 16px !important;
}

    Custom CSS can be entered at:
    Dashboard > Appearance > Customize > Additional CSS

    The current value for font size for these elements is 12.8px.

    Thread Starter regerman926

    (@regerman926)

    Thank you for sharing this with me. Everything worked just as we needed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Font Sizes’ is closed to new replies.