How do I change the default tab for description to all caps so that it matches my metafield tabs? I was able to change those easily, but not the default. I am not a computer programmer so I may need very specific instructions. I think it is a fairly easy fix though?
@AMKAV - can you please share this page link from where you have taken this image?
I removed all caps from the tabs I added until the default “description” tab can be changed to all caps.
You can do that by editing the product tabs template:
-
Navigate to the “Online store” section of your admin panel, then go to “Themes”;
-
Click on the “Actions” button right next to your active theme’s name and select the “Edit code” option from the drop-down menu;
-
Find the “Snippets” folder and open the file called “product-tabs.liquid”;
-
Edit the code and save the changes.
Hi @AMKAV
Can you provide a link to the store, please?
Or let us know what theme you’re using?
Hard to know how best to do this without seeing some kind of code.
Thank you for such clear steps -I found the section perfectly. How do I edit the code? I couldn’t find anything in the links you shared to change a tab to all caps. (I really do not know how to code but I can cut and paste, so yay.)
Hi @AMKAV
If you go right to the bottom of your theme.css file and paste this code on a new line:
ul.tabs.product-tabs-title {
text-transform: uppercase;
}
You should see that all those titles on the product tab are uppercase.
Hi @AMKAV
Sorry no that’s not correct - you’re modifying the product-tabs.liquid file when you need to be editing theme.css.
So if you delete the above from the product-tabs.liquid file, then find the theme.css or theme.scss file (normally in the “Assets” folder) from the left-hand list and open that to edit it.
Then paste the code above at the bottom of that file - you should get the result you’re looking for.
THANK YOU! Success!