Return to previous page

CSS changes to Wocommerce Single Product Page

This topic has 2 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Laranz

pranavkrishna

Participant

November 8, 2017 at 06:54

Hi,

I want to make changes to the woocommerce single product page. Custom CSS changes to the product name, drop down for variation, price font and colour, tabs description font.
How can I go about it ?

thanks

#177038 Copied Theme version: 4.10 WooCommerce version: 3.2.1

1 Answer

Laranz

Participant

November 8, 2017 at 07:53

Hi,

Typography can be controlled over 8THeme Options -> Typography, if you didn’t find the setings there,

You meant you want to change the font for those mentioned areas? If so, use this Custom CSS in Theme Options -> Styings -> Custom CSS,

.product_title.entry-title, select, .price, .woocommerce-Price-amount, .tabs .tab-title { font-family: Arial; }

Change that to some other font of your requirement.

Let us know,

Thanks,
laranz.

#177044 Copied
Viewing 2 results - 1 through 2 (of 2 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Delivery – WordPress WooCommerce Theme

lazy-placeholder

Artmaxy Store – WordPress WooCommerce Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Spa – WooCommerce Theme

lazy-placeholder

Man Store – WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Headphone Store – WordPress WooCommerce Theme

lazy-placeholder

Underwear – 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.