How to change font face only for item prices and space between currency symbol ?

[[email protected]]

Dear Team,

I would like to change the other font and font color for product prices? Is there any way that i can do it by using global settings? https://prnt.sc/13elaqp

Also how to make a space between currency symbol and price (number)

Appreciate your usual support for this as well.

[Billy Nguyen]

I added css custom into file style.css ( child-theme), please recheck:

ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price{
	color: #213e78 !important;
	font-family: 'Mazzard Soft H';
}

span.woocommerce-Price-currencySymbol {
    padding-right: 3px;
}

You can edit code color, font-family and padding.

[[email protected]]

Thank You Billy.

I have changed the font color #7ba33f but some items price color not changing. I have clear the cache also but it is same.

https://prnt.sc/13fjxnu

[Billy Nguyen]

I fixed this issue, please recheck.

[[email protected]]

Yes, Now Price text color is displaying correctly. Did you modified above given code again or make changes somewhere else?

[Billy Nguyen]

I added css style:

span.woocommerce-Price-amount.amount bdi{
	color: #7ba33f !important;
}

[[email protected]]

Thank You.

[Author]

Posts