[ShoreBeing]

Good afternoon

I wonder if you could help me on http://www.shorebeing.co.uk

I would like to change the foot menu font size so that it’s more prominent, please can you advise?

Many thanks

Hannah

[Pratik]

hi @ShoreBeing,
To increase footer menu font size, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#menu-footer-menu a {
    font-size: 25px; /* Increase or decrease 25 to desired number */
    font-weight: bold; /* Remove this line to remove bold effect */
}

You can increase/decrease the size by editing the font-size attribute number(in code 25px). The font-weight attribute makes the text bold. You can remove the line if you do not want to be bold.

Let me know how it works out.

Regards,
Pratik

[ShoreBeing]

Hi Pratik

Thank you for this. It worked great for http://www.shorebeing.co.uk but I have two additional sites also built on Responsive Pro using the same custom CSS however the code above doesn’t work –
http://www.shorefit.co.uk
http://www.shorebeingretreats.co.uk

Do you know what could cause this?

Kind regards

Hannah

[Pratik]

Hi @ShoreBeing,

The reason for this is the menu name is different in those sites. Use following CSS and it should work for all:

.nav-footer .catchresponsive-nav-menu a {
    font-size: 25px; /* Increase or decrease 25 to desired number */
    font-weight: bold; /* Remove this line to remove bold effect */
}

This should work on all sites. Let me know if are issues in other sites.

Note: http://www.shorefit.co.uk/ gave me forbidden error.

Regards,
Pratik

[Author]

Posts