Code for changing font size home page banner

Technical Q&A
1

Could someone please provide the code for me to change the font of the first banner on my home page?

I’d like a different size for the title and sub header.

Website:kindredpeople.myshopify.com

Password: hellohello

ode.jpg
ode.jpg2068×1132 217 KB

2

Hi!

For the heading, go into your styles.css file and search for the following:

@media (min-width: 750px)
h2 {
    font-size: 48px!important;
}

Change that value to the desired size you would like.

For the sub heading, stay in the same file and search for the following:

media (min-width: 768px)
.overlay-type .line-2.large-text {
    font-size: 1.5em;
}

Edit this value for the desired size.

3

Thank you that worked!

And if I want to change the size of the paragraph text what should I search for?

Untitled 2.jpg
Untitled 2.jpg1040×578 38.6 KB

4

You’re welcome!

Add the following to the bottom of your style.css file:

p {
    font-size: 10px !important;
}

Edit that value to change the font size for paragraphs :slightly_smiling_face:

5

For example I am looking for code to customise the font size of the below:

H1 font size of title on 1st banner of home page desktop: 60px - all other h1 48px

H1 font size of title on 1st banner of home page mobile: 48px - all other h1 48px

P font size desk top size 25px

P font size mobile size 19px