Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
There are several places throughout our site we would like to change the size of the font on given pages/sections. What code and where would we place it if we can change font size?
www.honeygramz.com is our site. If you see our home page were it says "Read our story..." how do we make this text bigger? Thank you.
Solved! Go to the solution
This is an accepted solution.
Hi There!
Add the following code in your theme.css file:
.rte {
font-size: 21px;
}
Let me know if it works!
This is an accepted solution.
Surpringly that worked really well, thank you. Two more question if you don't mind.
On the announcement bar above header on home page is it possible to increase the size of that text?
Also for SHOP it give us images with text overlay, the text is too "weak" to see before hovering over image? Anyway to bold text or put shadow box behind it or mute photo so text shows up better?
Or would it just be easier to edit images before uploading?
Thank you
This is an accepted solution.
Add them to the theme.css file and let me know!
This is an accepted solution.
Hi There!
Add the following code in your theme.css file:
.rte {
font-size: 21px;
}
Let me know if it works!
This is an accepted solution.
Surpringly that worked really well, thank you. Two more question if you don't mind.
On the announcement bar above header on home page is it possible to increase the size of that text?
Also for SHOP it give us images with text overlay, the text is too "weak" to see before hovering over image? Anyway to bold text or put shadow box behind it or mute photo so text shows up better?
Or would it just be easier to edit images before uploading?
Thank you
For the announcement bar add this:
span.pxs-announcement-bar-text-desktop {
font-size: 20px;
}
And this for making the font bolder for the Shop Buttons:
.home-collection-overlay-color-black .home-collection-overlay a {
font-weight: bold;
}
And for the image you can make it more transparent with this:
.home-collection-image img
{
opacity:0.8;
}
thank you for the solutions but I have tried adding these lines of text in various parts of the code for the sections they belong to and nothing works?
I just am not sure I am adding it in the correct place.
Thank you
This is an accepted solution.
Add them to the theme.css file and let me know!
thank you so much. Worked perfectly once I knew where to add the code.
The only issue I am still having is with the overlay text on the SHOP images. The bold looks good, I took the images down to .4 opacity which might be a little too opaque.
But on our Mee Beauty image it stil does not look good. Instead of making the images too opaque can I put an opaque box just behing the text or is that a big coding job.
Thanks Again
Hi there - wondering if you could provide the CSS to adjust the font size on my drop down navigation and also prevent the drop down nav from wrapping text. Thanks for your help!
User | RANK |
---|---|
114 | |
89 | |
69 | |
68 | |
45 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022