Changing Font size in GRID theme?

[Kangaruth]

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.

[JHKCreate · Accepted solution]

Hi There!

Add the following code in your theme.css file:

.rte {
    font-size: 21px;
}

Let me know if it works! 

[Kangaruth · 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

[JHKCreate · Accepted solution]

Hi There!

Add the following code in your theme.css file:

.rte {
    font-size: 21px;
}

Let me know if it works! 

[Kangaruth · 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

[JHKCreate]

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;
}

[Kangaruth]

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

[JHKCreate · Accepted solution]

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

[Kangaruth]

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

[FURB]

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!