Shopify themes, liquid, logos, and UX
Hi,
hoping someone has a solution, the majority of the text used on my site is “heading 4”, however, I dont seem to be able to change the texted used for my collections pages. I have attached an image for reference, really hope someone has a solution 🙏
website: www.veravifashion.com
Solved! Go to the solution
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Customize.
Step 2: Find the section on the collections page that needs to be modified, for example:
Step 3: Add font size related code that needs to be modified in the custom CSS box.
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Customize.
Step 2: Find the section on the collections page that needs to be modified, for example:
Step 3: Add font size related code that needs to be modified in the custom CSS box.
Hi @AnneLuo
thanks for your reply, I am not familiar with liquid code. What code do i need to input into the custom CSS box to ensure the text is the same size and font as the rest of my website?
Thanks
website: www.veravifashion.com
Hi @AnneLuo
Please see attached images for reference.
I want the text to be consistent across the site, currently I am only able to change the format to my desired format “heading 4”.
I am happy with the font and formatting of the “title” text, but would like it to be slightly smaller than it is currently.
Hoping this answers all of your questions, if you require anything else please let me know.
Thanks,
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.collection-hero__description.rte .p1 .s1 {
font-size: calc(var(--font-heading-scale) * 1.5rem);
text-align: center;
}
.collection-hero__description.rte {
max-width: 100%;
}
.collection-hero__text-wrapper {
text-align: center;
}
Hi,
how can I reduce the size of the title headings?
Hello @veravi_,
You can adjust the height of the page' title with the help of below mentioned css code -:
Place this code in your .css file and save
.collection-hero__title {
font-size: 40px !important;
}
[Please feel free to change the px of the font.]
Output -> https://prnt.sc/CCts4twBtQKc
I hope this helps.
Thank you.
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Find the bass.css file, Make the following modifications:
Hello @veravi_
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.collection-hero__title {
font-size: 15px;
}
How can I also edit the font style on these same pages but not on the main page?
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024