Footer Menu Font Size

This topic has 3 replies, 2 voices, and was last updated 8 years, 9 months ago by Pratik.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 12, 2016 at 7:21 pm #85279

ShoreBeing
Participant

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

February 13, 2016 at 7:19 am #85312
Pratik
Participant
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
February 17, 2016 at 9:27 pm #85661

ShoreBeing
Participant

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

February 18, 2016 at 9:16 am #85692
Pratik
Participant
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