Shopify themes, liquid, logos, and UX
Hi there, Im having issues editing my header. Im not sure if it was a mistake i made when setting up the store when i was less familiar with the software thats not allowing me to edit it in the way i want to, a case of editing the code, or a simple step im missing but some human help would be greatly appreciated as i have asked every question i can think of to both AI and YouTube, All i want to do is edit "Flow" to "FLOW" and increase font size. I cant seem to find a place to even edit the text thats on the existing header not to mind say the font size.
Edit:
Im starting to think its a logo issue, but i still dont know how to fix it. Im somewhat new to this project so i dont know what the foundation of the store is.
Solved! Go to the solution
This is an accepted solution.
Hello @flowpottery
Flow Pottery is written together, the font size of both will increase, but the font size of Flow alone will not increase.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.header__heading-link span.h2 {
font-size: 50px !important; /*adjust according to you*/
text-transform: uppercase !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
@flowpottery can you please share this page link? using css we can increase size
page link to the theme editor or preview? it is currently password protected must i remove that?
@flowpottery - preview
https://rvjtza0q51sjug0p-72901361930.shopifypreview.com thanks so much for helping
@flowpottery your logo is actually text, I think you have not set logo image, so by default theme is showing the text, if you want to change text style to bold capital etc, then please add this css to the very end of your base.css file
.header__heading-link .h2{text-transform: uppercase; font-size: 32px;}
is it okay to add it in here?
also is there a way to make it "FLOW Pottery" instead of "FLOW POTTERY"? sorry i am not good with coding
@flowpottery it is ok to add here, but I recommend css file, the word flow pottery do not have separate classes for both words, hence any css added is applied to both words.... or else you will need to edit the website title from back end where you have added it, make it FLOW pottery and remove this given css
is doing that a complicated process to edit from back end?
@flowpottery - it is if you do not know the coding, it is taking the title of your store, do you remember anything from where you entered the store title?
i dont unfortunately. it was my client that originally set it up then i was brought on.
@flowpottery ok, check theme.liquid / header.liquid file to find from where it is been fetched
This is an accepted solution.
Hello @flowpottery
Flow Pottery is written together, the font size of both will increase, but the font size of Flow alone will not increase.
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.header__heading-link span.h2 {
font-size: 50px !important; /*adjust according to you*/
text-transform: uppercase !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024