Change font on homepage

Shapely
1

Hello, I would like to change the font and font size in Parallax blocks on my homepage. Can I do this by adding CSS codes?

2

Hey there

Yes, you can do this, if you need any help with this please provide the URL of the page and let me know what exactly you want to change.

Regards.

3

Thank you! My URL is https://forgeartcollective.com/
I want to change the font style of the parallax sections, mainly make both the title and subtitle bigger and use different fonts. Your help is appreciated.

4

Hey there

Here we go, try this CSS and let me know if there is anything else.

Please add this CSS code in the Appearance > Customize > Additional CSS:

.image-bg h3, .image-bg h1 {
    color: #fff;
    font-family: 'Noto Sans';
}

Regards

5

Thank you. That changed the headline but could you also give me the code to make the subtitle (what is described as content in the customization window) bigger? Thank you.

6

Hi there.
​
Please add this CSS code in the Appearance > Customize > Additional CSS:

.top-parallax-section .mb32 p {
    color: red;
    font-size: 25px;
}

​
​Regards.

7

Thank you!! It’s all good

8

Cool!

Let us know if you need anything else, we are happy to help.

Regards.

9

Hello! Sorry to bother you again but now would you tell me how I can increase the line spacing in the content section of the parallax elements?

10

Hi @FlipBook

yes, sure, please add this CSS code in the Appearance > Customize > Additional CSS:

.top-parallax-section .mb32 p {

    line-height: 37px;
}

Regards

11

Great! Looks good now. Thank you! :pray:

12

Cool!

Let me know if there is anything else :slight_smile:

Regards