Enlarging header contact info

Hi there,

Is there any way to enlarge the header contact info on this theme? I’d like to make the phone and email as well as the icons larger in size.

The site is http://www.samboprinting.com. I am referring to the contact info in the red strip at the top of the home page.

Thanks.

Hello Paul,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

body .header-contact div {
    font-size: 14px;
}

body .header-contact i.fa {
    font-size: 14px;
    padding: 5px;
    width: 26px;
    height: 26px;
    margin-right: 8px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

This code only allows me to adjust the size of the phone and email icons, it doesn’t allow me to change the size of the font for the phone number and email address.

Can you please supply the code to change the font?

Also can you supply the code to make the font bold?

Thanks.

Oh my mistake, I missed the first line of code that you sent. I can see it does allow me to change the size of the font.

Can you please let me know how to bold the font?

Thanks.

Hello Paul,

Please try to add this CSS code:

body .header-contact div {
    font-size: 25px;
    font-weight: bold;
}

…instead of this:

body .header-contact div {
    font-size: 25px;
}

Kind Regards, Roman.