Return to previous page

Change title product font - by Eduard - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 3 years, 7 months ago ago by Olga Barlow

  • Avatar: Eduard
    Eduard
    Participant
    April 5, 2019 at 21:41

    How can I change only the font and size to product title on my shopping page?
    Thank you

    #212051 Copied Theme version: 5.1.6 WooCommerce version: 5.1
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 8, 2019 at 07:07

    Hello,

    You can use CSS selector of products title to add your custom CSS. You can add custom CSS either in child theme’s style.css or Theme Options > Custom CSS.
    For example, 

    .content-product .product-title a {
    font-size: 14px;
    font-family: "Open Sans";
}

    Regards

    #212098 Copied
    Avatar: veru
    veru
    Participant
    April 18, 2021 at 22:31

    Hello, what to add in order to change product name font on single product page?
    Thank you in advice.

    #284681 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 19, 2021 at 15:43

    Hello,

    Use the below code

    .product-content .title, .product-content .product_title, .product-content .product-name {
    font-size: 14px;
    font-family: Open Sans !important;
    font-weight: bold !important;
}

    Regards

    #284758 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – 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.