Firstly, I would like to thank whoever is taking the time to review this question and trying and help. I truly appreciate it.
My store is currently running the Dawn 2.0 theme. Unfortunately, there is no global style setting for the theme to transform all the headings and subheadings site-wide to be uppercase (This includes modal popups etc. Basically every single heading and subheading).
This breaks my branding structure as the product and brand identity are defined to have capitalized titles across all platforms i.e. social etc.
For the initial setup, I hardcoded the content in uppercase (e.g. Product name setup in uppercase, blog post headings in uppercase etc.) but this solution does not scale as not all headings/subheadings are user generated.
I would appreciate your help in identifying the right method to transform all headings and subheadings across the website to be uppercase.
Thanks Woody. Unfortunately, this is a very manual process because as I mentioned, I need it sitewide. There are a lot of headings and subheadings across the site
I would like to address this at a global level and am aware that I need to use the text-transform property. What I am not aware of is how I can cascade this across all pages.
If you add it into the general CSS files for tags which your headers & sub-headers use, this should make changes site-wide. (usually styles.css)
The only way this wouldn’t work is if you use in-line CSS on all of your pages which would override the CSS file, in which case you can add the !important tag to the end of the CSS to overwrite it
I think I get what you want. You want all letters in your theme to be uppercase or capital letters right? Just add the code below to the base.css under the “Asset folder”. It should work no matter tag you have. Let me know if it works.
