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

Store Design
, ,
1

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.

Schermafbeelding 2024-08-19 174611.png
Schermafbeelding 2024-08-19 174611.png662×976 51 KB

2 Likes
2

Hi @Vanadey ,

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

3

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

4

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.

5
6
  • Here is the solution for you @Vanadey
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • 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:

BSSTekLabs_0-1724085379295.png
BSSTekLabs_0-1724085379295.png299×114 3.35 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
7

BSSTekLabs_1-1724085514011.png
BSSTekLabs_1-1724085514011.png900×326 21.2 KB

If you want like this. Add this code @Vanadey

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

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

1 Like
9

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 tag:

{% if template.name == 'product' %}

{% endif %}

Here is result:

BSSCommerceHDL_0-1724085749755.png
BSSCommerceHDL_0-1724085749755.png1912×530 110 KB

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

10

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

1 Like
11

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

1 Like
12

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 tag:

{% if template.name == 'product' %}

{% 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 :heart_eyes:

1 Like
13

You are amazing, thankyou so much!!! :hugs:

1 Like
14

Glad to help you. Have a good day.

1 Like