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

  1. 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.
  2. 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 the um_activity the plugin is active.

This setup ensures that your activity wall font size is adjusted according to your preferences, providing users with a more readable and customized experience.