How do I change all footer links and widgets to one size

Support
#1

Also how do Change All the headings

#2
#3

Hi There,

Thank you for writing in, if you only want to adjust the font-size on the footer, please add this to Theme Options > CSS

footer.x-colophon.top {
	font-size: 14px;
}

This will override the font size you set on the Theme Options > Typography but only for the footer fonts.

Please remove this from your custom CSS

h1, .h1 {
    font - size: 35 px!important
}
h2, .h2 {
    font - size: 28 px!important;
}
h3, .h3 {
    font - size: 26 px!important
}
h4, .h4 {
    font - size: 23 px!important
}
h4, .h5 {
    font - size: 20 px!important
}

What you did is defined a fixed size to your headlines which is not good for responsive design. Please remove that and adjust your Root Font Size properly under Theme Options > Typography

Utilize rem Units Along with Differing Base Font Sizes – With the latest versions of the theme, in Theme Options > Typography in the Root Font Size section, you can set different root font sizes for each breakpoint of the theme, which allows all text across your website to be responsive. Remember, you are setting the base sizes for your theme overall, so this will affect everything, but starting with larger numbers on desktop and going to smaller values on smaller screens will help the overall responsiveness of typography on your website. Then, you can utilize rem units in the builders to scale text up and down based on the root font-size of the overall theme at each breakpoint.

Hope it helps,
Cheers!

#4

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