Impulse 1.1 change original price to grey and capitalize only product page headings

[Vanadey]

Hello, Could you help me out please? 

I'd like to change the original product price to grey, while keeping the after sale price black. Also I'd like to capitalize only the product title. Impulse has a setting to capitalize all headings but I want the headings in the description to sty lowercase. I tried some codes from the forum but they don't seem to work.

[BSSCommerce-HDL · Accepted solution]

Hi @Vanadey, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

{% if template.name == 'product' %}
<style>
span.product__price.product__price--compare {
    color: gray !important;
}
</style>
{% endif %}

Here is result: 

I don't quite understand what you mean by capitalization. Can you describe it in more detail?

[BSS-TekLabs · Accepted solution]

<style>
.product__price--compare {
    color: gray !important;
}
.product-single__title {
    text-transform: uppercase !important;
}
</style>

Can you try add this code to the before tag </head> in file theme.liquid @Vanadey 

[BSSCommerce-HDL]

Hi @Vanadey, 

Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[Vanadey]

af16fc-1a.myshopify.com

[BSSCommerce-HDL · Accepted solution]

Hi @Vanadey, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

{% if template.name == 'product' %}
<style>
span.product__price.product__price--compare {
    color: gray !important;
}
</style>
{% endif %}

Here is result: 

I don't quite understand what you mean by capitalization. Can you describe it in more detail?

[Vanadey]

I want the name of the product to be in FULL CAPITAL. But  the headings of the product description should stay small 

[BSSCommerce-HDL · Accepted solution]

Hi @Vanadey, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

{% if template.name == 'product' %}
<style>
.product-single__title {
    text-transform: uppercase !important;
}
</style>
{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL]

Hi @Vanadey Can you share your store URL ( with password if needed) so we can find out solution for this

[BSS-TekLabs]

Hello @Vanadey 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[BSS-TekLabs]

- Here is the solution for you @Vanadey 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.product__price--compare {
    color: gray !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs]

If you want like this. Add this code @Vanadey 

.product__price--compare {
    color: gray !important;
}
.product-single__title {
    text-transform: uppercase !important;
}

[Vanadey]

Thanks for the quick reply! I've added the coding but nothing changes on the product page

[BSS-TekLabs · Accepted solution]

<style>
.product__price--compare {
    color: gray !important;
}
.product-single__title {
    text-transform: uppercase !important;
}
</style>

Can you try add this code to the before tag </head> in file theme.liquid @Vanadey 

[Vanadey]

You are amazing, thankyou so much!!! 🤗

[BSS-TekLabs]

Glad to help you. Have a good day.