php function to change css

Question

I'm trying to add a piece of code to change css on a page. I added the code to functions.php in WordPress. However, it does not seem to work. Since I'm quite new to this there might be something quite basic wrong with the code... Any idea why it might not be working?

// This code is added to functions.php
// intro is the class name of the element I'm trying to change
add_action( 'intro', function () {
    if ( is_user_logged_in() ) {
        ?>
            <style>
                display: none!important;
            </style>
        <?php
    };
    exit;
});

It doesnt work because your style is incorrect. You are missing the selection. What should be set to display: none !important? div boxes, the entire body, or ... or ... or ...? — Definitely not Rafal
– Definitely not Rafal, Commented Feb 19, 2021 at 10:51
if you've made an update, please update your question to show what you've changed/tried, and what the new issue is? — Kevin Versfeld
– Kevin Versfeld, Commented Feb 19, 2021 at 13:27

Zoe · Accepted Answer · 2021-02-19 13:13:02Z

2

I got it to work by removing exit; and targeting an element:

add_action( 'wp_head', function () {
    if ( is_user_logged_in() ) {
        ?>
            <style>
                .intro{
                    display: none!important;
                }
            </style>
        <?php
    };
});

answered Feb 19, 2021 at 13:13

Zoe

476 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dharman · Accepted Answer · 2021-02-19 11:11:07Z

0

I think what you are trying to do is change the content of the css class which I do not think you can do. Instead a solution would be to assign a css class with the propertied that you want applied to the element e.g.

<div class="<?php if ( is_user_logged_in() ) { echo 'intro';} ?>">
   // Whatever you have here will get the css style applied 
   // if user is logged in
</div>

And inn The CSS you have the following

.intro{
  display: none!important;
}

You can create multiple files for different styles e.g. another class

.outro{
  display:initial;
}

And you can add it in the code as

<div class="<?php if ( is_user_logged_in() ) { echo 'intro';} else{ echo 'outro';} ?>">
       // Whatever you have here will get the css style applied 
       // if user is logged in and if logged out then outro class will be applied
    </div>

edited Feb 19, 2021 at 11:11

Dharman♦

33.9k27 gold badges105 silver badges157 bronze badges

answered Feb 19, 2021 at 11:05

shahroz butt

1681 silver badge7 bronze badges

3 Comments

Zoe Over a year ago

I think the problem with this solution is that it requires to directly add php in a WordPress page, which I don't think is possible in WordPress?

shahroz butt Over a year ago

@Zoe it is possible. That is how the themes are designed. But as long as your answer works all good :).

TARKUS Over a year ago

@Zoe you make a child theme, and put your custom code in the child-theme/functions.php.

Collectives™ on Stack Overflow

php function to change css

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related