[Resolved] If user meta field is empty then output custom CSS

[Author]

Posts

[Clayton Chase]

Hey guys,

I'd like to execute CSS using the conditional logic. This is the shortcode I've been using that works when output in the page content but I need to apply CSS at the website level.

Whenever I try to output (using GeneratePress Elements hooks) the css it doesn't work. Do you know why it works on the page but not when output in a hook? I've included my code below.

<!--Conditional CSS-->
[wpv-conditional if="( '[types usermeta='headshot' current_user='true'][/types]' eq '' ) OR ( '[types usermeta='network-description' current_user='true'][/types]' eq '' ) OR ( '[types usermeta='titles-credentials' current_user='true'][/types]' eq '' ) OR ( '[types usermeta='tags' current_user='true'][/types]' eq '' ) OR ( '[types usermeta='website' current_user='true'][/types]' eq '' ) OR ( '[types usermeta='date-of-birth' current_user='true'][/types]' eq '' ) OR ( '[types usermeta='instagram' current_user='true'][/types]' eq '' )"]
<style>
.network-alert.gb-button:after {
content: "1";
position: absolute;
right: 14px;
border-radius: 50px;
font-size: 15px;
font-weight: 500;
height: 20px;
width: 20px;
background: #49C5B1;
color: #fff;
line-height: inherit;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-evenly;
align-items: stretch;
}
</style>
[/wpv-conditional]

[Clayton Chase]

My issue is resolved now. Thank you!