Footer font-size override

[gm713]

Hi,

How do I override the font-size of text that appears in footer only (without changing them anywhere else).

Thanks!

[Catalin]

Hello,

Please be more specific about the text you want to modify its size to be able to provide you a solution.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[gm713]

Hi Catalin,

I want all text appearing in the footer to be set to 12px. Currently I have the following widgets added in the footer:

Footer Column 1: Text widget (I can manually hard code the text in within the text widget, but want to know the right way to do this)

Footer Column 2: Online Members, and Recently Active Members widgets. I need to set the headline i.e. “Online Members” and “Recently Active Members” to be set to 12px.

Footer Column 3: Have added a Social Media widget. Need to override the headline text to be set to 12px

Footer Column 4: Have added the “Latest Posts” widget. Need to headline text and the dynamically pulled post-titles that widget pulls to be set to 12px.

Attached is the screenshot for visual reference.

Hope this helps. Essentially, trying to set all text that appears in the footer to be set to 12 px.

[Catalin]

Hello,

PLease add this code in your style.css file from your child theme:

COPY CODE

.footer-color#footer
{
   font-size:12px !important;
}

Let me know if this works.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[gm713]

Hi,

Thanks for the code.

It does take of the issue partially. I ended up setting the font to 14 px. If you observe the widget title is pulling font size from H4. Any way over ride this (widget titles) only in the footer, but without affecting widget titles appearing else where e.g. sidebar.

Site live but not socialising for now http://greencardez.net

Thanks!

[gm713]

Nevermind figured it out.

Used this to override the h4 tags for widget titles.

.footer-color#footer
{
font-size:14px !important;
}

[Author]

Posts