Change CSS based on is_user_logged_in

Question

How do I activate certain CSS lines depending on if a user is logged in or not?

Here's how it looks:

I'm currently building a login mask for a client of ours and here's essentially what I want to do:

if_user_is_logged_in -> container-height: 30px; else container-height: 160px;

Here's what I got:

In case anyone is unable to tell, I had help with the first bits of code as well.

So to sum up again:

if user is logged in -> style:"height:30px;" default is 160px.

I really appreciate the help I got from this community so far :)

Answer 1

You can use the logged-in class added by body_class to target your CSS rules.

.container { height: 160px }
body.logged-in .container { height: 30px }