WHOIS CSS

Well unfortunately that didn’t work 🙁 But if I view it in the inspector & change it to this (in the inspector), it works. But then when I add it to the custom css, it doesn’t work again.

.whois-info pre {
	margin: 0 !important;
	max-height: 500px !important;
	white-space: pre-wrap !important;
	overflow: scroll !important;
	font-size: 12px !important;
	color: #000000 !important;
}

Any ideas why it won’t work? TIA!!!

UGH, you’re right, I hadn’t cleared the server cache, so I did so in wp super cache, then cleared the browser cache again & refreshed & it’s still not working. BUT, this is the css that shows in the inspector:

.whois-info pre {
	margin: 0 !important;
	max-height: 500px !important;
	white-space: pre-wrap !important;
	overflow: scroll !important;
}

but this is the css added to the custom css (BTW, I add/edit my custom css via the theme file editor as opposed to doing it in the customizer, not sure if it matters, but thought I would mention it) :

.whois-info pre {
	margin: 0 !important;
	max-height: 500px !important;
	white-space: pre-wrap !important;
	overflow: scroll !important;
	font-size: 12px !important;
	color: #000000 !important;
}

I am baffled!

OMG, you’re right! I can’t believe I didn’t catch that! I feel like such an idiot, LOL! Anyways, I deleted the duplicate, so now there’s only one again, cleared cache on both ends but the problem persists. IDK what to do. I know that you have done everything within your power to help me out so I’ll either just live with it (which will be hard because I’m a perfectionist with ADHD!) or keep looking & hope for a solution. Thank you SO MUCH!!!

Oh wow, I wonder how I managed that, LOL!

So would I just change it to this:

@media only screen and (max-width: 480px) {
}
.site-breadcrumbs {
    display: none;
}

Just seems weird to me because the first one is basically empty, right.