PeepSo
PeepSo
  • Free
  • Pricing
  • Features
  • Demo
  • Use Cases
    • PeepSo for E-Commerce
    • PeepSo for E-Learning
    • PeepSo for Digital Commerce
    • PeepSo for Paid Memberships
    • PeepSo for Online Communities
    • PeepSo for Mobile Apps
    • PeepSo for Online Marketplace
    • PeepSo for Job Boards
    • PeepSo for Advanced Advertising
    • PeepSo for Donations
    • PeepSo vs Competition
  • Community
    • Activity Stream
    • Members
    • Groups
  • Showcase
  • Blog
Log in
PeepSo
PeepSo
  • Free
  • Pricing
  • Features
  • Demo
  • Use Cases
    • PeepSo for E-Commerce
    • PeepSo for E-Learning
    • PeepSo for Digital Commerce
    • PeepSo for Paid Memberships
    • PeepSo for Online Communities
    • PeepSo for Mobile Apps
    • PeepSo for Online Marketplace
    • PeepSo for Job Boards
    • PeepSo for Advanced Advertising
    • PeepSo for Donations
    • PeepSo vs Competition
  • Community
    • Activity Stream
    • Members
    • Groups
  • Showcase
  • Blog

Knowledgebase

Getting Started

7
  • Installation, Initial Setup and Updates
    • PeepSo Installation
    • Navigation, Pages and Shortcodes
    • Updates
    • Theme Setup, Installation And Update
  • System and Hosting Requirements
    • System & Hosting Requirements
    • System Requirements for Video Uploads
    • System Requirements for Mobile App with MobiLoud

Basic Admin Configuration

61
  • PeepSo Dashboard
    • Backend Dashboard
  • Configuration
    • General
      • Licenses
    • Appearance
      • User Profile Settings
      • Allow Users to Delete Profile
      • Avatar & Cover Settings
      • Profile details & Followers
      • Customize the Basic Color Scheme
      • Navigation Toolbar Settings
      • Set Date Format
      • Hover Cards Settings
      • Override Admin Toolbar
      • Member Listing Settings
      • Customize the Login Box
      • Add The PeepSo Brand To Your Website Content
    • Account & Security
      • Registration Configuration
      • Disable Registration
      • Terms Of Conditions & Privacy Policy
      • Usernames
      • Login, Logout, & Security Options
    • Stream Posts
      • Activity Stream Configuration
      • Saved Posts Configuration
      • Post Backgrounds
      • GIPHY Configuration
      • Poll’s Configuration
    • Markdown
      • Markdown Configuration
    • Blog Posts
      • Blogposts Configuration
      • Blog Posts – Profile Integration
      • Blogposts – Activity Stream Integration
      • Blogposts – Comments integration
      • BlogPosts – Third-Party Integration
      • Change WordPress Logo On BlogPosts Embedded Stream
    • Notifications
      • Default notification settings for new users
      • Email Configuration
    • Edit Emails
      • Edit Emails
    • Advanced
      • SEO and Open Graph settings
      • Social Sharing Configuration
      • Compatibility settings
      • Performance Configuration
      • Setting Up The Cron Job
      • Cache busting
      • Avatar & Cover Image Quality
      • Exit Gateway for External URL’s
      • File System Override
    • Moderation
      • Reporting Configuration
      • Sensitive posts NSFW configuration
      • WordFilter Configuration
    • Location
      • Location Settings
      • Setting Up Google API key
    • Navigations & Filters
      • Navigation, Pages and Shortcodes
      • Login, Logout, & Security Options
    • Live Updates
      • Live Updates
    • Early Access
      • Early Access Configuration
      • Header Search
    • Search
      • New Search
  • Manage
    • Profile Fields Configuration
    • Reactions Configuration
    • Managing VIP Icons
    • Managing Group Categories
    • Deleting The Group
  • Queues
    • Queues
  • Installer
    • PeepSo Installation

PeepSo Plugins

120
  • Foundation
    • Activity Stream – Frontend
    • Searching The Streams
    • Saving A Post
    • Direct Link to Single Post or Comment
    • Reporting Content
    • Create Poll
    • Profile Avatar & Cover
    • User Profile Preferences
    • Notification preferences
    • Search Members
  • Core
    • Chat
      • Chat Configuration
      • Chat page
      • Getting Started With Chat
      • Accessing Chat
      • Initiate Chat With Users
      • Receive New Chats From Friends Only
      • Starting a Group Conversation
    • Friends
      • Friends Configuration
      • Friends Features
    • Groups
      • Groups Backend Configuration
      • Groups page
      • Group category pages
      • Notify Admins When New Group Is Created
      • Configurable Default Notifications For New Group Members
      • Creating The Group
      • Deleting The Group
      • Edit Group Settings
      • Invite Users to Groups
      • Group Members Filtering
      • Manage Group Members
      • Follow / Unfollow Group Activity & Notifications
    • Photos
      • Photos Settings
      • Photos in Post
      • Photo Albums
      • Setup AWS S3 Storage
    • Audio & Video
      • Audio And Video Settings
      • Setting Up The Amazon Elastic Transcoder Integration
      • Uploading Audio
      • Uploading Videos
    • Email Digest
      • Email Digest Configuration
    • User Limits
      • User Limits Configuration
      • File Uploads in User Limits Configuration
    • File Uploads
      • File Uploads Settings
  • Integrations
    • Almighty Support
      • Configuring Almighty Support Integration
    • BadgeOS
      • BadgeOS Configuration
      • Admin Awarded Badges
      • BadgeOS Frontend Features
      • Setup Badges For Users To Earn Them
      • BadgeOs + PMP Membership
    • myCRED
      • Configuring MyCRED Integration
      • Profile details & Followers
    • Mobile App with MobiLoud
      • MobiLoud integration- basic info
      • MobiLoud Settings Within PeepSo
      • Sidebar Widgets In App
    • Social Login & Invitation
      • Social Login Configuration and Settings
      • Social Invitation widget
      • Facebook Login
      • Google Login
      • Instagram Login
      • Twitter Login
      • Amazon Login
      • Apple Login
      • Linkedin Login
      • Telegram Login
      • Reddit Login
      • GitHub Login
      • GitLab Login
      • Dropbox Login
      • Foursquare Login
      • Steam Login
      • Tumblr Login
      • BitBucket Login
      • Strava Login
      • TwitchTV Login
      • Discord Login
      • Slack Login
    • WP Event Manager
      • WP Event Manager Backend Configuration
      • Creating The Event
      • Frontend Events Filter option
      • Frontend Events Calendar view
    • GiveWP
      • GiveWP Backend Configuration
      • GiveWP on Frontend
    • WP Job Manager
      • WP Job Manager Backend Configuration
      • WP Job Manager on Frontend
    • IdeaPush
      • IdeaPush Backend Configuration
      • IdeaPush Frontend Features
  • Monetization
    • AdvancedAds
      • Advanced Ads Requirements
      • Advanced Ads Backend Configuration
      • Advanced Ads – Recommended Creation Process For Stream Ad
      • Targeting Ads
    • EDD
      • EDD Backend Configuration
      • EDD Integration On Profile
      • EDD Integration On Stream
    • LearnDash
      • Getting Started with LearnDash Integration
      • LearnDash Backend Configuration
      • LearnDash on Frontend
      • Auto-Assign Group to Courses
      • VIP Badges for Courses
    • Paid Membership Pro
      • Paid Membership Pro Overview
      • PMP Configuration
      • PMP & PeepSo Groups
      • BadgeOs + PMP Membership
      • PMP & VIP Integration
    • WooCommerce, Dokan and Product Vendors
      • Woocommerce Integration Overview
      • Woocommerce Backend Configuration
      • Woocommerce Integration On Stream
      • Woocommerce Integration On Profiles
      • Dokan Integration
      • Become a Dokan Vendor
      • WooCommerce Product Vendors integration
    • WPAdverts
      • WP Adverts Overview
      • WPAdverts Backend Configuration
      • WPAdverts On Frontend
      • Creating The Ad
      • Exclude Ad Categories From Creating The Activity Stream
    • Tutor LMS
      • TutorLMS Backend Configuration
      • TutorLMS on Frontend
      • Getting Started with TutorLMS Integration
      • Auto-Assign Group to Courses
      • VIP Badges for Courses

Gecko Theme

31
  • Gecko Page Options
  • Settings
    • Let Users Select Preferred Theme
    • Setup The Landing Page
    • Mobile App Settings
  • Gecko Customizer
    • Theme Presets
    • Site
      • Customize Site Logo and Favicon
      • Customize Your Font
    • Global Colors
      • Customize Global Colors
    • Appearance
      • Adjusting the corners
      • Adding shadows to main elements / widgets
    • Theme
      • Edit Link on Pages and Posts
      • Theme Layout settings
      • Set Up Sidebars
      • Theme Body settings
      • Header options
      • Enable Long Menu
      • Header Search
      • Set Up Side Navigation Bar
      • Changing Footer Background and Text Color
      • Customize mobile menu
    • Blog
      • WordPress Blog Settings
    • Widgets
      • Customize Sticky Top Widget Areas
    • PeepSo
      • Customize PeepSo Posts Appearance in the Stream
      • Customize PeepSo Buttons
      • Remove Side Paddings On Community Pages On Mobile
      • Customize Color of Notification Bubbles
      • Customize Color of Polls
      • Groups Cover Settings
      • Landing / Register Box Settings
    • Other Plugins Tabs
      • Customize WooCommerce
      • Yoast SEO settings in Gecko Customizer

Tips & Tricks

19
  • PeepSo Widgets
    • Widget areas
    • Profile widget
    • UserBar Widget
    • Hashtags Community Widget
    • Social Invitation widget
    • Userbar Widget in Other Than Gecko Theme
  • Errors & Issues
    • Version Mismatch Notice When Using Child Theme
    • Known Issues With Third-Party Plugins
    • Integration Or Monetization Plugins Won’t Activate
  • How to...
    • Setup The Landing Page
    • Translate PeepSo
    • Text overrides
    • Set Community Administrator
    • Forcefully Update Email Intensity Setting And Control Number of Emails Sent
    • Set Delete Date For Old Notifications
    • Hide Messages For Guest Users
    • Disconnect From Social Network Account
    • Change Password/ Field Disabled When Logging In Using External Accounts
    • Configuring Google Invisible Captcha

Developers

64
  • Getting Started (Developers)
  • Overrides & Customization
    • Text overrides
    • Template overrides
    • Image overrides
    • Email overrides
    • CSS overrides
    • CSS Snippets- Examples
      • Snippet: Hide Header Search For Guests
      • Snippet: Hiding Image Upload In Messages
      • Snippet: Pin to Top post – Legacy look (from PeepSo 2)
      • Snippet: Change or remove landing template transparent image color
      • Snippet: Change PeepSo postbox placeholder text color
      • Snippet: Custom icon for Chat
      • Snippet: Display PeepSo Navigation Bar Only On Mobile
      • Snippet: Hide Group Avatar
      • Snippet: Show PeepSo postbox options
      • Snippet: Multi-Colored Hashtags In The Hashtags Widget
      • Snippet: Hide PeepSo Stream Ad On Profile / Groups
      • Snippet: Change Notifications Bubble Color
      • Snippet: Hide Stream Filters Warning
      • Snippet: Hide Media Subtitle
      • Snippet: Custom Title Color For Gecko Widgets
      • Snippet: Color Change For Input Fields On The Gecko Landing Page
      • Snippet: Hide poll item votes
      • Snippet: Force Font Family
      • Snippet: Gecko mobile menu custom color
      • Snippet: Hide Text From Moods
      • Snippet: Change hashtag background in PeepSo postbox
      • Snippet: PeepSo Navigation Bar Custom Color
      • Snippet: Album Display Fix For Third-party Themes
      • Snippet: Custom colors for registration form when using Gecko dark template
      • Snippet: Hide footer on mobile view
      • Snippet: Hide Cover Options
      • Snippet: Change Notifications Colors
      • Snippet: Remove Login Box From Landing Page
      • Snippet: Hide Avatar Change Option
      • Snippet: Hide Profile Progress Bar
      • Snippet: Change notifications background to round shape
      • Snippet: Change Position Of New Message Popup Window
      • Snippet: Display Members Search Filters
      • Snippet: Changing Input Colors On The Registration Page
      • Snippet: Chanage Landing Form Button Colors
  • Hooks
    • Filter: oEmbed
    • Action: new reported content
    • Filter: country list
    • Filter: community navigation
    • Filter: photo thumbnail sizes
    • Filter: media upload title & icon
    • Filter: Stream Ad – allowed HTML
    • Filter: Disable Public Privacy
    • Filter: User name length
  • Hooks: Groups
    • Action: group created
    • Action: group invitation accepted
    • Action: group invitation sent
    • Action: group joined
    • Filter: group privacy
  • Hooks: Posts & Comments
    • Filter: enable or disable comment box
    • Action: like added
  • Hooks: Users
    • Action: profile completeness changed
    • Filter: profile navigation
    • Filter: custom cover size
    • Filter: profile navigation order
    • Filter: name parts
    • Action: user profile field saved
    • Action: print after login form
  • Home
  • Documentation
  • Developers
  • Overrides & Customization
  • Template overrides

Template overrides

This article is for advanced users not afraid to go beyond configuration switches in WordPress backend, but it’s written in such manner that novice users with no previous experience with overrides can easily understand it.

This document will show you how to create overrides for PeepSo templates. This method works on all PeepSo plugins and there are two ways to achieve this customization. We will explain them both, but before proceeding, you will need to know few things.

  • Every PeepSo plugin have templates directory where templates that show the functionalities are stored. This is how most well-coded WordPress plugins work to ensure maximum compatibility with almost any theme you can imagine, and this is why PeepSo is out of the box compatible with so many WordPress themes.
  • We sometimes update our template files to accommodate new features or fix bugs. There is no way to add new feature if we don’t show it through template file, and to show it, template file must be updated. This may lead to discrepancy in features because if you modify the template file that has the new feature in newest version, then you must update your override file to actually see this new feature.

How to Find The Right File to Override? #

This can be daunting task if you’re not familiar with theme overrides, but once you understand the fundamentals, it becomes ridiculously easy.
We already mentioned every PeepSo plugin have templates directory where it stores the template files.

Lets try together, to find the right file which will allow us to modify the cover area in the profile

Depending on what browser you use, this first step might be different, but only in the way it’s presented. The logic behind it is absolutely the same.
We are using Firefox Developer Edition in this exercise, but you can use any browser that have Inspector tools built in.

Right click on the area you want to change and click “Inspect Element”

Once clicked, the following screen will show up, highlighting the entire area you chose with the right click

Our browser did half of the job already. We see that this particular div is styled through ps-focus js-focus ps-js-focus ps-js-focus–1 selectors.

Now lets fire up our favorite code editor and search the template files for this selectors.

We are using Brackets but you can use any editor of your choice as long as it has Find in files option

Search with Find -> Find in files option with this query

<div class=”ps-focus

The search yielded some results

Lets analyze the result.
There are 51 matches in 5 files. So we already narrowed down our search to 5 files.
Do we need to edit the file which shows the content when user has no access? Nope? Not really.
How about profile options or profile menu? Nope. Group header? Heck no…
So we are down to the “focus.php” which looks most suspicious. And yes, you are right, that is the correct file to override.
We will us it as an example in further exercises.

Template Overrides Within Current Theme #

This is probably the most common way to override the PeepSo template files

Continuing our exercise with focus.php copy it from:

ROOT/wp-content/plugins/peepso-core/templates/profile

to

ROOT/wp-content/themes/YOUR-THEME/peepso/profile

Template Override Within PeepSo Overrides Folder #

Alternatively, you can use PeepSo overrides folder to copy the focus.php from

ROOT/wp-content/plugins/peepso-core/templates/profile

to

PeepSo 2.x: ROOT/wp-content/peepso/overrides/templates/profile
PeepSo 3.0.0.0 or later: ROOT/wp-content/peepso/custom/templates/profile

Note: if this is your first time creating overrides, these folders may not exist and you’ll have to create them manually
What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on September 22, 2023
Text overridesImage overrides
Table of Contents
  • How to Find The Right File to Override?
    • Template Overrides Within Current Theme
    • Template Override Within PeepSo Overrides Folder

PeepSo is a super-light, free, social network plugin for WordPress that allows you to quickly and effortlessly add a social network or an online community, similar to Facebook right inside your WordPress site.

Resources

  • Third Party Software
  • WordPress Hosting
  • Affiliates
  • Brand Manual
  • Team
  • Careers!

Our Product

  • Pricing
  • Installation & Configuration Service
  • Installation & Configuration Service for Established Websites
  • Changelog
  • Future
  • Donate 🤍

Features

  • All features
  • Ultimate Bundle
  • Gecko Theme
  • PeepSo Free Bundle

Support

  • Contact Us
  • My Tickets
  • Fanatical Support
  • Documentation
  • System Requirements
  • FAQ

Policies

  • License Agreement
  • Privacy Policy
  • Support Policy
  • Refund Policy
  • Community Guidelines

Use Cases

  • PeepSo for E-Commerce
  • PeepSo for E-Learning
  • PeepSo for Digital Commerce
  • PeepSo for Paid Memberships
  • PeepSo for Online Communities
  • PeepSo for Mobile Apps
  • PeepSo for Online Marketplace
  • PeepSo for Job Boards
  • PeepSo for Advanced Advertising
  • PeepSo vs Competition
  • PeepSo for Donations
PeepSo
A United States Company, PeepSo, Inc. "PeepSo" and "Your Community. Your Way." are trademarks registered in the US Patent and Trademark Office.