Change footer content font to same font as body content

Please advise as to how I can change the footer

Hello There,

Thanks for writing in! The footer content should and will always use the font family assigned to the body and content in X > Theme Options > Typography > Body and Content. This usually take effect if you wrapped your footer content with <div> or <p> tag. If you include a heading tag (<h{1}>) tag then that title in your footer content will have a different font family especially if you have a different font setting for the headings in the theme options.

To force the footer content to a different font family, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon.bottom .x-colophon-content p,
.x-colophon.bottom .x-colophon-content h1,
.x-colophon.bottom .x-colophon-content h2,
.x-colophon.bottom .x-colophon-content h3,
.x-colophon.bottom .x-colophon-content h4,
.x-colophon.bottom .x-colophon-content h5,
.x-colophon.bottom .x-colophon-content h6 {
    font-family: "Montserrat";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
} 

.x-colophon.bottom .x-colophon-content h1,
.x-colophon.bottom .x-colophon-content h2,
.x-colophon.bottom .x-colophon-content h3,
.x-colophon.bottom .x-colophon-content h4,
.x-colophon.bottom .x-colophon-content h5,
.x-colophon.bottom .x-colophon-content h6 {
    font-size: 16px;
} 

Feel free to adjust the font size if necessary.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.