"The Grid" Plugin, Changing font size and editting

[randomnameee]

Hello! How can I change the header size when I hover over a logo when I use “The Grid” Plugin?

Thanks!

[christopher]

Hi @randomnameee,

You will need to add custom CSS code to be able to change the Font Size in The Grid. Please kindly read the article below to know where to dd the code:
https://theme-one.com/docs/the-grid/#custom_css_js_code

To change the Font Size of the hover text you need to add the CSS code below:

body .caracas .tg-item-title, body .caracas .tg-item-title a {
    font-size: 20px;
}

The code above will cause the text size go bigger. The default size is 16px. You are welcomed to change the size in the code.

Thank you.

[randomnameee]

Thank you! And if I wanted to make the weight slightly thinner, what do I do?

Thanks again!

[ruenel]

Hello @randomnameee,

To adjust the font weight, please have the code updated and use this:

body .caracas .tg-item-title, 
body .caracas .tg-item-title a {
    font-size: 20px;
    font-weight: 400;
}

We would loved to know if this has work for you. Thank you.

[randomnameee]

It worked, thank you!

[ruenel]

You’re welcome!
It’s good to know that it has worked for you.