Extra Options Footer Contact

Hi,

I cant seem to figure out how to change the font size, colour and positioning of the extra options footer contact option in Sydney pro, can you help?

Thanks

Hello there,

To change the background color and title font size, use this CSS code:

    #footer-contact {
      background-color: #fff000;
    }

    #footer-contact .widget-title {
      font-size: 26px;
      padding-bottom: 15px;
    }

Add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

ok great, how about colour of the title, and padding above and below it?

Hello there,

Try this CSS code:

    .footer-contact {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .footer-contact .widget-title {
      color: #ff0000;
    }

    .footer-contact .widget-title:after {
      background-color: #1abdf1;
    }

Regards,
Kharis

Great! Lastly, how do you make the menu font bigger?

You’re welcome!

how do you make the menu font bigger?

Visit Appearance > Customize > Fonts > Font Sizes > Menu items.

Regards,
Kharis

Thanks again for the quick responses!

Sorry, one more, the extra options header contact info font size, how do we change that?

Hello there,

For header contact info, try this CSS code:

    .header-contact-info span,
    .header-contact-info .fa {
      font-size: 18px;
    }

Feel free to open a new topic for your other questions. Please use one topic for one question and avoid asking multiple times in single topic. Because it will drive us to have endless discussion.

Is it OK to close this topic as all have been resolved?

Regards,
Kharis