Font Change

Hi again @gymjam,

Great question. The free version of this theme doesn’t include custom fonts, but you can still use CSS to tweak these types of things.

For the smaller text in the caption, you can use something like this (adjusting the actual values to whatever you like):

.frontpage-banner .caption {
    color: green;
    font-size: 16px;
    font-family: Raleway;
}

For the larger text/heading, this should work:

.frontpage-banner .caption h2 a {
    color: green;
    font-size: 48px;
    font-family: Raleway;
}

And if you also want to change the color of the little divider, you can do that like this:

.frontpage-banner .caption h2:before {
    color: green;
}

If you need any help customizing this further, or have questions about any other areas, just let us know!

Perfect, this works so well ! Thank you. Is there anyway to remove the all caps setting? or to extend that little divider to make the size comparable with the span of the text?

Glad to hear that!

You can remove the caps with this CSS:

.frontpage-banner .caption h2, .frontpage-banner .caption .read-more {
    text-transform: unset;
}

The divider is contained within the heading, so you can make the width match the heading (the text above, not the text below) if you’d like with this CSS:

.frontpage-banner .caption h2 {
    width: auto;
    display: inline-block;
}
.frontpage-banner .caption h2:before {
    width: 100%;
    left: unset;
    margin-left: unset;
}

If you need anything else, just let us know! ??