i want to show same font size of compare price.

[chandamamastore]

How can  i show same compare price size. 

[niraj_patel · Accepted solution]

Hello @chandamamastore 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  span.price-item.price-item--sale.price-item--last{
      font-size: 20px !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Sweans · Accepted solution]

Hi @chandamamastore ,

Please follow the steps below to implement the solution:

1. In your Shopify admin, go to Online Store under Sales Channels. Click the three dots next to the theme you want to edit, and select Edit Code.

2. Locate the main CSS file in your theme (e.g., `main.css`, `theme.css`, `base.css`, or `style.css`) and add the following CSS code:

.card .price-item {
  font-size: 18px !important;
}

3. If you want to change the price font size specifically for mobile devices, add the following code within the media query `@media screen and (max-width: 749px)`:

.card .price-item {
  font-size: 14px !important;
}

Make sure to adjust the font-size values to suit your needs.

Result:-

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,

Sweans

[Huptech-Web · Accepted solution]

Hello! @chandamamastore Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

body .price-item.price-item--sale.price-item--last{
   font-size: 20px !important;
}

 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K

[niraj_patel · Accepted solution]

Hello @chandamamastore 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  span.price-item.price-item--sale.price-item--last{
      font-size: 20px !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[chandamamastore]

 Thanking You for This .

It working fine but why it look bold apart from other product Single Product Price.

[Sweans · Accepted solution]

Hi @chandamamastore ,

Please follow the steps below to implement the solution:

1. In your Shopify admin, go to Online Store under Sales Channels. Click the three dots next to the theme you want to edit, and select Edit Code.

2. Locate the main CSS file in your theme (e.g., `main.css`, `theme.css`, `base.css`, or `style.css`) and add the following CSS code:

.card .price-item {
  font-size: 18px !important;
}

3. If you want to change the price font size specifically for mobile devices, add the following code within the media query `@media screen and (max-width: 749px)`:

.card .price-item {
  font-size: 14px !important;
}

Make sure to adjust the font-size values to suit your needs.

Result:-

I hope this helps! If it does, please like it and mark it as a solution! 

If you need further assistance, feel free to reach out!

Regards,

Sweans

[Huptech-Web · Accepted solution]

Hello! @chandamamastore Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

body .price-item.price-item--sale.price-item--last{
   font-size: 20px !important;
}

 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @chandamamastore 
- 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.

 

.price-item.price-item--sale.price-item--last{
      font-size: 20px !important;
  }

- Here is the result you will achieve:

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