New Circle K game 2024,Ph646aa review.Recharge Every day and Get Bonus up-to 50%!

jessicana
(@jessicana)

9 years, 5 months ago

Hello,

I want to add a snippet to the functions.php where it uses extra class name to style particular content element differently – add a class name and refer to it in custom CSS.

For example: .visitor

This class will show the content for visitors only and people who are not logged in.

Another example: .registered

This class will show the content for users who are logged in to the website.

How to add such classes using php?

I highly appreciate your help.

Viewing 10 replies - 1 through 10 (of 10 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 5 months ago

Would it be better to add a different class name to the <body> element, so that you can target anything on that page?

Thread Starter jessicana
(@jessicana)

9 years, 5 months ago

I need to target several elements on different pages using such classes. Some clients use visual composer and it’s easier to show them the classes they need to use to target such elements on different pages.

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 5 months ago

That’s likely to be specific to your theme or plugin that generates those elements. Do you know which are responsible for those elements?

Thread Starter jessicana
(@jessicana)

9 years, 5 months ago

I am honestly not sure.

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 5 months ago

Could you try deactivating your plugins to explore whether any could be responsible?
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 5 months ago
The general way of adding a class if someone is/ is not logged is to do something like this:
```
<?php
$class = '';

if ( is_user_logged_in() ) {

 $class = 'foo';

}
?>
<div class="<?php echo $class ?>"> ... </div>
```
https://codex.www.ads-software.com/Function_Reference/is_user_logged_in
Thread Starter jessicana
(@jessicana)

9 years, 5 months ago

Read this: https://para.llel.us/support/tutorials/vellum-helper-css-classes/

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 5 months ago

Is that related to your theme?

Thread Starter jessicana
(@jessicana)

9 years, 5 months ago

It’s related to one of the themes I use on my multisites.
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

9 years, 5 months ago
The way I’d do it is to add a class to the <body> element when people are logged in, so that in CSS I could style any element any way I’d want for those people. E.g.:
In the template:
```
<body <?php body_class( $class ); ?>>
```
In functions.php:
```
// Add specific CSS class by filter
add_filter( 'body_class', 'add_logged_in_class' );
function add_logged_in_class( $classes ) {

    if ( is_user_logged_in() ) {
	$classes[] = 'logged-in';
    } else {
        $classes[] = 'logged-out';
    }

    return $classes;
}
```
And in CSS:
```
.logged-in .entry-content div {
    display: none;
}

.logged-out .entry-content div {
    display: block;
}
```
https://codex.www.ads-software.com/Function_Reference/body_class

It looks like there are support forums for your theme/ framework here: https://para.llel.us/support/?redirect_to=http%3A%2F%2Fpara.llel.us%2Fsupport%2Fgroups%2Fvellum%2Fforum

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Extra class name via functions.php’ is closed to new replies.

Extra class name via functions.php

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics