Changing Font size in GRID theme?

Solved
Highlighted
Tourist
6 1 1

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.

0 Likes
Highlighted
Shopify Partner
964 150 162

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! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
1 Like
Highlighted
Tourist
6 1 1

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

0 Likes
Highlighted
Shopify Partner
964 150 162

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;
}
- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
6 1 1

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

0 Likes
Highlighted
Shopify Partner
964 150 162

This is an accepted solution.

Add them to the  theme.css file and let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
6 1 1

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

0 Likes