Price Font Size – For Single Product Page – Variable Product

  • MisterH

    (@hmarksthespot)


    11 months ago

    Hello, I am unable to find a setting to control the product price displayed on the Single Product’s page, when its a Variable product.

    The font is very small, I believe the css ID is this?

    .woocommerce-variation-price

    I have tried a few css codes but to no effect. How can I change the size of variable products and also determine the font size on mobile/tablets? Is there a css code string suggested to do this with Ocean WP?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter MisterH

    (@hmarksthespot)

    Currently using this code, can this be checked?

    /* Single Product - Variations Price Size. */

.variations_form .woocommerce-variation-price .price{
   font-size: 30px;
}
.variations_form .woocommerce-variation-price .price .amount {
    color: #57BF6D;
	font-size: 26px;
}
/* Single Product - Variations Price Size. */
    Shahin

    (@skalanter)

    Hello @hmarksthespot,

    Thank you for reaching out,

    I fully examined the issue you have raised on this topic and could not see it on my end.

    Kindly share a live URL from your issue.
    I’ll check it on your website.

    Generally, all WooCommerce styling in the theme is in WP Dashboard > Appearance > Customizer > WooCommerce > Advanced Styles. Also, you can also access typography styling in Customizer > Typography.

    I hope it helps.
    Best Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Price Font Size – For Single Product Page – Variable Product’ is closed to new replies.