[laagom]

Hi Dimitar,

How do i customise the footer font size? Including the headings and text etc.

I tried CSS codes like below, but nothing seemed to work

!important
.footer {
font-size: 50%;
}

[Althemist]

Hello laagom,

You can’t just set size for the entire footer like this. There is a separate style for every footer element. If you give us more specific information, we’d be able to point you in the right direction. Exactly what would you like to change?

[laagom]

Hi Dimitar,

I basically want to reduce the font size for all the elements in the footer: I was referring to the footer section fonts which include the main categories:

– The Shop
– Information
– Extras
– Customer Care

And the sub category fonts under each category, for example “Delivery information”, “Privacy Policy”, “Terms & Conditions”, etc.

Regards,

Vaibhav

[Althemist]

Hello Vaibhav,

These would require another approach. You’d need to set the font-size for all of the following classes:

div.widget_categories ul li a, div.widget_archive ul li a, div.widget_nav_menu ul li a, div.widget_recent_comments ul li a, div.widget_pages ul li a, div.widget_links ul li a, div.widget_recent_entries ul a, div.widget_meta ul li a, div.widget_display_forums ul li a, .widget_display_replies ul li a, .widget_display_topics li > a.bbp-forum-title, .widget_display_stats dt, .widget_display_stats dd, div.widget_display_views ul li a, .widget_display_topics .bbp-author-name {
    font-size: 13px;
}

Also, you’d need to prefix all those classes with “#footer” one by one. Otherwise it would also affect the size in any sidebar/widget area.

Regards,
Dimitar

[Author]

Posts