How can I change my site title to all caps in Dawn theme?

Store Design
1

screenshot.png
screenshot.png1634×1069 136 KB

Hi, I need the site title where it says “Empirical Water” at the top left to be in all caps. How may I accomplish this?

URL: https://empiricalwater.com/

Using Dawn theme

Store password: arby

2

The password is arby

3

Hi @empiricalarby ,

Please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
#shopify-section-header > sticky-header > header > h1 > a > span {
    text-transform: uppercase;
}
4

Thank you, it now says it in all caps but only on the main page of the website. When I click on a product or go to the cart or go to the contact page, it reverts back to the original way, Empirical Water instead of EMPIRICAL WATER.

5

@empiricalarby ,

My bad. Please replace the code provided to the code below

.header__heading-link > .h2 {
    text-transform: uppercase;
}
6

Thanks! This solved that issue, however there is just one thing remaining. On the password page it is still not all caps. I appreciate your time.

7

Desktop Screenshot 2022.08.10 - 21.56.42.11.png
Desktop Screenshot 2022.08.10 - 21.56.42.11.png1788×1212 65.7 KB

8

@made4Uo Any idea how to accomplish this? Thanks

9

Hi @empiricalarby ,

Please add the code below.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
.password-header > h1.h2 {
    text-transform: uppercase;
}
10

Thank you very much, the issue is fully solved now.