How to change metafield font

How to change metafield font

revtekautoparts
Excursionist
31 0 6

How can I change the font in the description which is using a product metafield to the original font for the theme (Daytona)

 

Font I would like is at the top with the red arrow pointing from it.

 

website: https://revtekautoparts.com/

 

Untitled design (9).png

 

Thank you in advance

Replies 10 (10)

Moeed
Shopify Partner
6736 1820 2202

Hey @revtekautoparts 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find password.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.tabs-items-template--24091049558328__ss_product_tabs_2_rKB6x6 * {
    font-family: 'Daytona' !important;
}
</style>

RESULT:

Moeed_0-1737357191078.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


revtekautoparts
Excursionist
31 0 6

Hi Moeeed, 

 

Didn't seem to work unfortunately.

EstherBui
Excursionist
275 39 41

Hi Revtekautoparts


- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.tabs-items-template--24091049558328__ss_product_tabs_2_rKB6x6 * {
    font-family: 'Daytona' !important;
}

 

Result: 

EstherBui_0-1737358296154.png

Best,
Esther

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

revtekautoparts
Excursionist
31 0 6

Didn't seem to work unfortunately.

websensepro
Shopify Partner
1854 215 261

Hi @revtekautoparts 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.tabs-item-template--24091049558328__ss_product_tabs_2_rKB6x6.active p span {
    font-family: sans-serif !important;
}

Result:

websensepro_0-1737359114557.png

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
revtekautoparts
Excursionist
31 0 6

That didn't work unfortunately.

sophia110
Visitor
2 0 0

I did Not Know what to do about your Problem but my problem is How do I fix issues with abandoned carts? Can anybody Help me in solving ths Problem please!

ZestardTech
Shopify Partner
6069 1087 1457

Hello @revtekautoparts ,

 

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

.tabs-item-template--24091049558328__ss_product_tabs_2_rKB6x6.active p {
    font-family: Daytona, sans-serif !important;
}

 

ZestardTech_0-1737361475437.png

 


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
revtekautoparts
Excursionist
31 0 6

Didn't work unfortunately.

websensepro
Shopify Partner
1854 215 261

@revtekautoparts 

Try this

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.section-template--24091049558328__ss_product_tabs_2_rKB6x6-settings .tabs-items-template--24091049558328__ss_product_tabs_2_rKB6x6 .tabs-item-template--24091049558328__ss_product_tabs_2_rKB6x6.active p span {
    font-family: sans-serif !important;
}
</style>

 If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP