Shopify themes, liquid, logos, and UX
Hi All!
Hoping someone can help... We are using the Prestige theme for our website, but we would like the font of the Product Titles on the collection pages (circled in purple) in the same font as the body text (marked with the red arrow). It is currently automatically set to Headings and it looks too bold. Is this possible? And if so, does anyone know how to change this in the code?
Thank you in advance!
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
h2.ProductItem__Title.Heading, .ProductItem__PriceList.Heading{
font-weight: 500 !important;
}
Hope this works.
Thanks!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
It is still in preview mode. Let me know if this works:
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
h2.ProductItem__Title.Heading, .ProductItem__PriceList.Heading{
font-weight: 500 !important;
}
Hope this works.
Thanks!
Worked like a charm, thank you so much!
thanks for store url please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.ProductItem__Info a {
font-weight: 400;
}
Somebody can help me on how to fix the issue on my page .
It is only showing up on center instead having a full width.
Please share your store URL and a screenshot of your problem.
Is this happen in preview only ( in admin ) ? OR in real page on-site also?
Apparently, we are using the preview for we are designing the new theme that we have.
every time I create a page , it will only go at center and not in a full width.
We can't publish the new theme until we are finish on designing it .
The other theme works fine and they are in full width but in this theme, it doesn't
Any response or Help in here?
Please add this code at the bottom of your assets/css file.
.template-page--root{
max-width: 100% !important;
}
Hope this works.
Thanks!
This really helps! Thank you so much
Please share the store URL.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024