Change the default footer and button font type/size

[hellojonesie]

(Reposting – I forgot the subject line)

Hi support team,

I am beginning configurations of my site and I have a couple of questions that I couldn’t find answers for here.
I set up my font options (menu + body + h1-h6) and I noticed that my footer links + all button text was defaulted to the “body font” option. I’d like to change the footer to the H6 setting and the buttons to H5 but I don’t know where to do this or where/how to add any custom coding.
Any thoughts?

Also, if i’d like to set up my footer to make it a bit more custom (with columns for example) where and how can I do this?

Thanks in advance
Amy

[Rui Guerreiro – SUPPORT]

Hi,

You can select the footer layout in the Footer options in the theme options.
https://www.dropbox.com/s/ys15ifrlpl7ta1i/Screenshot%202016-03-18%2013.10.21.png?dl=0

Then go to Appearance -> Widgets and add elements to the footer widgets.

Can you let us know exactly the font family and font type that you want to use in the footer so we can provide some custom css.

-Rui

[hellojonesie]

Hi Rui, thanks so much.

For the footer, i’d like the font to be “Montserrat” size 11, weight and style: normal.
If you could also please tell me where exactly I will need to post the custom css you provide, that would be great.

Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#copyright .text-left {
    font-size: 11px !important;;
    font-family: Montserrat !important;
}

Thanks
Mohammad

[hellojonesie]

Hi Mohammad, this only fixed the copyright on the left side of the footer, I am looking to change the buttons as well (see screenshot attached). I’d like the whole footer to be this font/size.
Any ideas? Thanks in advance !

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use also this custom css code:-

#copyright a, #copyright a:hover {
    color: #ff0000 !important;
    font-size: 10px !important;
}

Thanks
Mohammad

[hellojonesie]

Hi Mohammad,

Now the text size is smaller for the footer links, but it supposed to be Montserrat size 11 as well. Also, for some reason the links are now red? I don’t need to change the color scheme, I will eventually du this with the color customizer.
Thanks in advance for your help,
Amy

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove the last code and use this code:-

#copyright a, #copyright a:hover{
font-size: 11px !important;
font-family: Montserrat !important;
color:#000 !important; /*Just change the color code here*/
}

Thanks
Mohammad

[hellojonesie]

It worked, thanks so much !

[Mohammad – SUPPORT]

Hi,
You most welcome and glad to help you.
Thanks
Mohammad