Introduction
By default, there is no built-in option to change the font size of the All Groups text. You can adjust it using a simple CSS snippet. This allows you to make the text larger or smaller according to your design needs.
Custom Workaround
Follow the steps below to change the All Groups text font size:
- Go to Theme Options
- Under Custom Codes, enable CSS
- Append the following code:
li#groups-all.selected { font-size: 50px; } /* Replace 50px with your preferred size */- Save your changes.
Troubleshooting and FAQs
Q: The font size did not change after adding the CSS.
A: Clear your site cache, browser cache, and any CDN cache, then refresh the page.
Q: Can I apply different font sizes for other tabs?
A: Yes. Use the specific tab’s ID instead of #groups-all to target other tabs individually.
Q: Will this affect all pages on my site?
A: No. This CSS only affects the All Groups tab on the Groups directory page.
Q: What should I do if the code is not working as expected?
A: If the code is not working, please submit a ticket to the support team for further assistance.
Screenshots
Without code (default):
With Code:
