Custom Style only showing when logged in as admin

[sethbahookey]

Has anyone ran into this problem before? Unfortunately this is just a local site right now so I can't add a link, but I'm using the Minimum Pro theme and I did some customization where I have the four big circle links as links to other pages instead of using the social icons. I used dashicons to display the icons within the circles and created some custom CSS to create the styling of the circles.

When I log out and try to see it as if I were a normal user the circles turn to little tiny circles and the dashicons become tiny as well. Any ideas of the top of anyone's head? If I can configure the rest of the site I'll get it in a staging server so I can post a link, but just wanted to ask right away.

Thanks!

[Victor Font]

Are you using any kind of caching plugin? Most caching plugins don't cache files for logged in users. If you are not logged in, clear the cache then hold down the shift key when you refresh the page in the browser. This forces the style sheet to reload.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[sethbahookey]

Thanks for the feedback!

Actually I just figured it out. It was because I was using the class .dashicons which is technically in it's own style sheet so it kept getting overwritten by those rules.

To solve the problem, I wrapped my HTML in a div tag with a class then I just took the stylings and put that class in front of it in the css. So .mypage .dashicons.

The only thing I forgot to do was add the .mypage class to all my other sections in the stylesheet because the specificity is higher now that I have that .mypage in front.

[Author]

Posts