Cannot Modify Product Title and Product Price Color

  • Resolved Shah Paran Srijan

    (@mspsrijan)


    1 year, 1 month ago

    Hello,
    I am using [sc_product_list] shortcode in an Elementor page and I am trying to modify the color of the product title and price. I followed your docs and attempted by adding the following two CSS methods under Appearance > Customize > Additional CSS:

    :root:root{
	--sc-product-title-text-color: #ffffff;
	--sc-product-price-text-color: #ffffff;
}
    sc-product-item-title::part(title),
sc-product-item-price::part(price){
    color: #ffffff;
  }

    None of these worked for me. I even tried to add !important parameter. Can you tell me how to fix this?

    PS: I am using SureCarts Dark theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Andre Gagnon

    (@2winfactor)

    Hmmm… maybe try the !important attribute in case the defaults are already there:

    sc-product-item-list {
    –sc-product-title-text-color: #ffffff !important;
    –sc-product-price-text-color: #ffffff !important;
    }

    Let me know if that solves it for you.

    Thread Starter Shah Paran Srijan

    (@mspsrijan)

    It works. Thanks!

    There is a minor correction on your CSS though (you missed a hyphen).

    sc-product-item-list {
  --sc-product-title-text-color: #ffffff !important;
  --sc-product-price-text-color: #ffffff !important;
}
    Plugin Author Andre Gagnon

    (@2winfactor)

    Great! Glad I could help.

    Anything else, just let me know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cannot Modify Product Title and Product Price Color’ is closed to new replies.