I would like to make the font smaller on the collection banner. we have too much text and i would like to be able to fit to the 550px height of the image.
here is the preview for my site: https://9gqag80rbhv3ldjn-19884295.shopifypreview.com
please view on the bottom of the collections pages.
Hi,
Please provide screenshot where you want to change.
Also provide particular page link.
Thank you.
Hi @Montique Just go to your collection page and in the description box where you add the description content just select and assign the size if it is coming from the collection.
If it is coming from the customization then you have to change their. I implemented on your preview link and after decreasing font size it will look like below screenshot -
I hope you will do this and work! Please let me know and like mark as solve!
Hello @Montique
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.collection-hero__title+.collection-hero__description {
font-size: 1.4rem !important;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.collection-hero__image-container {
border-width: 0px !important;
}
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
height: 550px !important;;
}
Do you want like this-
