My goal is to give css styling to a class for only one specific user role.
Essentially I want the logo in the header of my site to be different when a wholesale buyer logs in since we sell all of our lines through one of our brand sites in a wholesale store.
In this case the user role would be Wholesale Customer and the theme is Avada 5.4.2
https://avada.theme-fusion.com/hosting/ is an example of a site using the same theme. I would like it so that when a user is logged in to the Wholesale Customer role the Avada Hosting logo would have a CSS class applied to it.
The CSS would be
img.fusion-standard-logo {
box-sizing: border-box;
background: url(http://notrealdomain2.com/newlogo.png) no-repeat;
width: 165px;
height: 70px;
padding-left: 180px;
}
This essentially (in a very non poetic way) hides the existing logo and replaces it with a background image which would be the logo I need.