How do I make these titles look consistent. I want them to be in the same position and the same size font. If that is not possible, how do I delete them so I could just add text boxes in place of them. My url is www.whoglobal.shop
Topic summary
A user is experiencing inconsistent page title styling across their Shopify store (www.whoglobal.shop), with titles appearing in different positions and font sizes. They’ve shared screenshots showing the inconsistency and asked how to either standardize the titles or remove them to replace with custom text boxes.
A solution has been provided involving CSS code targeting two specific title classes:
- Sets both title types to 20px font size
- Applies uppercase text transformation
- Uses
!importantdeclarations to override existing styles
The discussion remains open pending confirmation whether this CSS solution resolves the styling inconsistency.
Hello there Samuel @samueljoonjung Give this code a try and let me know if it works for you
h1.title.title–primary {
font-size: 20px !important;
text-transform: uppercase !important;
}
h1.main-page-title.page-title.h0{
font-size: 20px !important;
text-transform: uppercase !important;
}