Footer css not working

would you please check out this css

.x-colophon.top .x-colophon-content {

font-size: 14px !important;
font-weight: normal !important;
}

.x-colophon.top .x-colophon-content p {

font-size: 16px !important;
font-weight: normal !important;
}

.x-colophon.bottom .x-colophon-content {

font-size: 14px !important;
font-weight: normal !important;
}

.x-colophon.bottom .x-colophon-content p {

font-size: 16px !important;
font-weight: normal !important;
}

Hi There,

Thanks for writing in! Use the following CSS rule for the .x-colophon.top area.

.x-colophon.top .textwidget {
    font-size: 16px;
}

Use following CSS rule to target the footer menu.

.x-colophon.bottom .x-nav li a {
    font-size: 16px;
}

You can also keep the following CSS rule that you have already added.

.x-colophon.bottom .x-colophon-content {
    font-size: 14px !important;
    font-weight: normal !important;
}

Hope that helps.

added the css as you recommended.
footer font still looks the same.
trying to get rid of the bold font
"to the right of address, phone and email.

Hi There,

It’s because of the <strong> and </strong> tags added to your widget text. Please remove those strong tags so that it will resolve that issue as well.

<strong>35005 Chardon Road Willoughby Hills 44094</strong>

Hope that helps.
Thanks!

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