Customizing the Font Size on the Social Activity Wall
The Social Activity extension for Ultimate Member provides a dynamic and interactive way to engage your users. However, by default, the font sizes in the activity wall may feel too small for some users or specific designs. This article will guide you through enlarging the font sizes in the activity wall to improve readability while aligning with the original setup instructions found in the Social Activity Setup article.
Why Adjust Font Sizes?
Customizing the font size allows you to:
- Enhance readability for all users, including those with visual impairments.
- Improve the overall aesthetics of your site.
- Match the font sizes to your site's design language.
Default Font Sizes in the Activity Wall
Here are some of the key elements in the activity wall and their default font sizes:
Element | Default Font Size |
---|---|
Activity Header Text | 12px |
Activity Icon Text | 15px |
Comment Box Text | 13px |
Post Title | 14px |
Post Excerpt | 12px |
Buttons (e.g., Like, Comment) | 12px |
Steps to Enlarge the Font Size
How to Use
- Add the
um-activity-font-size.css
file to your child theme directory- Copy the CSS code below and paste it into a file named
um-activity-font-size.css
in your child theme directory. - The CSS code modifies the font size of various elements within the activity wall of the Social Activity extension for the Ultimate Member plugin. It increases the font size for the activity title, icons, text, and more.
- Copy the CSS code below and paste it into a file named
- Add the PHP code to your child theme’s
functions.php
file- Copy the PHP code below and paste it into the
functions.php
file in your child theme directory. - The PHP code registers and enqueues the custom CSS file (
um-activity-font-size.css
) to your WordPress site. By adding this, the font size changes will be applied to the activity wall whenever theum_activity
the plugin is active.
- Copy the PHP code below and paste it into the
This setup ensures that your activity wall font size is adjusted according to your preferences, providing users with a more readable and customized experience.