If the user role is Subscriber or a unique role I added such as Hero, would you be willing to show me how to tweak this code to make it work?

// Add specific CSS class by filter
add_filter( 'body_class', 'my_class_names' );
function my_class_names( $classes ) {
	// add 'class-name' to the $classes array
	$classes[] = 'class-name';
	// return the $classes array
	return $classes;
}

Then I can add that class to the child css file and using it in the rows. PLEASE and thank you!

WordPress adds a class to the <body> element when a user is logged in that is (surprisingly enough) called logged-in. If you added a custom class to a Content Band such as:

[content_band class="my-class"] ... [/content_band]

Then you could implement some CSS in your child theme like so to hide the band when logged in:

.logged-in .my-class {
  display: none !important;
}

I added the CSS and then added the class to the Content Band settings but it hid the whole page instead of just the row. What did I do wrong?

To add a custom class for logged in user, you can use this custom filter in your functions.php

// Add specific CSS class by filter
add_filter( 'body_class', 'logged_user_roles' );
function logged_user_roles( $classes ) {
  if ( is_user_logged_in() ) {
    $current_user = wp_get_current_user();
    // add 'logged-in-roles' to the $classes array
    $classes[] = 'logged-in-' . implode(' logged-in-', $current_user->roles);
  }

  // return the $classes array
  return $classes;
}

Make sure that you enclose your content for that user roles in a separate content band.

[content_band] can be viewed by anyone [/content_band]
[content_band class="custom-class"] Only for subscribers [/content_band]

And in your css, you use this.

.logged-in-subscriber .custom-class {
  display: none !important;
}

Please let us know if this works for you.

Using our previous codes above, we could have something like this,

[content_band class="logged-out"] can be viewed by anyone [/content_band]
[content_band class="logged-in"] Only for LOGGED IN subscribers [/content_band]

And in your css, you use this,

.logged-out {
  display:block !important;
}

.logged-in {
  display: none !important;
}

.logged-in-subscriber .logged-out {
  display: none !important;
}

.logged-in-subscriber .logged-in {
  display: block !important;
}

Please let us know if this works.

The first two set are the general setting which means that the public view of the boxes. The second set overrides the first set because the user has logged in.

Hope this make sense.

Thank you.

Would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? We need to check your custom functions and css. To do this, you can make a post with the following info:

– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.