Using CSS to Target "Verified" Members


Previously to show/hide elements when a user is verified, complicated PHP in specific areas of code was used.

Now we've made it easier to control by including a class to the <body> element that will be used:

  • <div class="verified_member_result">

With this class it will be easier to hide simple elements like menu items, buttons, links, images using CSS in the Design Settings rather than having to go into specific sections of the code and use PHP every time.

Example Using the CSS Method

Target the element or area that will be modified. In this example, the Background Color of the verified member:

After applying the CSS, only the "Verified" member has a different background color: