Changing Title font, size and colour

Shapely
1

Hi,

could you tell me how to change the Front Page text colour, font and size of both the main headline and the secondary?

Thanks,
N

2

Hello,

I hope you are doing well today.

You can use the following CSS code to change the text options by going to Appearance > Customize > Additional CSS and pasting it there.


.image-bg h1 {
    color: #fff;
    font-size: 100px;
    font-family: fantasy;
}

.top-parallax-section p {
    font-size: 100px;
}

Best Regards,
Support

3

Thanks a lot!

Can I also ask how to change the size of the header bar ( I want to reduce slightly its height)?

N

4

Hello,

You can try this code to reduce the size:


.nav-container {
    min-height: 10px;
}

.main-navigation {
    padding: 5px 0;
}

Best Regards,
Support

5

Thanks.

I have another question. How can I add a link that points directly to an email address to the button used in any of the parallax widgets?

N

6

Hello,

You can try using “mailto:[email protected]” in the url field to have the link point to your email.

Best Regards,
Support