I have a conundrum on my hands. I’m using the Dawn theme as used some code to change the size of the page titles. I wanted to do the same with the customer pages such as customer account. I’ll include pics of the FAQ page title and the Account page title I want to change to be like the FAQ page. I used a code to change the Account title but then it cause this error to pop up on the left side of the screen. Deleted the code and it didn’t go away. Now I have a random error code and text that is too big. Can anyone help?
website is www.omegacoffeecollective.com
Here is the size I want the account text to be.
Hello,
Adding the below code at the end of your base.css file should do the trick.
cart-items h1 {
font-size: 24px !important;
}
Adjust it as you please.
Cheers!
you can find this code in the liquid file of this page. it should be there. Also what size in pixel you want for the Account title>
did not seem to do anything
Please to the theme editor and replace the highlighted line with the below one and click save.
# {{ 'customer.account.title' | t }}
Found the cause of the error code, found the right area to edit the page. Question is how do I edit the text size?
Adding the below code at the end of your base.css file should work as expected
cart-items h1 {
font-size: 24px !important;
}
Extremely helpful! As I have played around it appears I have changed the FAQ page font back to it’s regular massive font. Any idea how to change that?
in every file, you have this option you can always go back step by step click save, and see results.
Do you know what file I would need to be in for the FAQ page? It’s created as a page not a blog post.
you need to go to the files only if you have changed them. in the editor any file you changed should have black dot with its name
I should clarify, I’m not sure when or what caused the FAQ page size to change. Do you know where I could edit the size of the title of the FAQ page?
Hi @OmegaCoffee ,
You can try this code
- Go to Online Store-> Theme->Edit code
- Asset-> base.css ->paste the below code at the bottom of the file.
@media only screen and (min-width: 768px){
h1.main-page-title.page-title.h0 {
font-size: 52px; !important;
}
}
Unfortunately this did not work. Thanks so much for all your help thus far!
@OmegaCoffee can you test using the below code? It should handle the font size of the indicated element.
.cart-items h1 {
font-size: 24px !important;
}
Cheers!
Doesn’t work. I had it fixed before and I have no idea what I deleted. It seemed to be a relatively simple code when I implemented it.
Where have you inserted the code? I did a quick test and the code doesn’t seem to be at the end of base.css file.
I’m assuming in my testing to try to fix the customer account page the code got deleted from the end of the base.css file. It was a rather simple line of code I found online I haven’t been able to refind.
