Title: WHOIS CSS
Last modified: April 21, 2022

---

# WHOIS CSS

 *  Resolved [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/)
 * I am wanting to change the styling for the whois modal, just the text size & 
   color. I have tried the following but it doesn’t change the size or color:
 *     ```
       .whois-info pre {
       	margin: 0 !important;
       	max-height: 500px !important;
       	white-space: pre-wrap !important;
       	overflow: scroll !important;
       }
       pre {
       	margin: 20px 0 !important;
       	padding: 20px !important;
       	color: #000000 !important;
       	background-color: #fafafa !important;
       	font-family: Montserrat !important;
       	font-size: 10px !important;
       }
       ```
   
 * I would just like to change the color to black & the size to 10px. How can I 
   do that? Seems like regular CSS has gone out the window (or my brain) today, 
   LOL! Help? TIA!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwhois-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 12 replies - 1 through 12 (of 12 total)

 *  Plugin Author [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * (@wp24dotorg)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15580612)
 * This additional custom CSS should be enough:
 *     ```
       .whois-info pre {
       	color: #000000;
       	font-size: 10px;
       }
       ```
   
 *  Thread Starter [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582180)
 * 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!!!
 *  Plugin Author [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * (@wp24dotorg)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582207)
 * If it works in the inspector it should work with custom CSS too.
    Maybe you need
   to clear the cache from WP Super Cache.
 *  Thread Starter [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582256)
 * 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!
 *  Plugin Author [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * (@wp24dotorg)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582284)
 * If I’am looking right the “.whois-info pre” is added twice in your custom style.
 *  Thread Starter [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582331)
 * 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!!!
 *  Plugin Author [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * (@wp24dotorg)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582544)
 * Your CSS is incorrect, a closing bracket “}” is missing at the end, for “@media
   only screen and (max-width: 480px)”.
 *  Thread Starter [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582564)
 * 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.
 *  Thread Starter [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15582605)
 * Ok, I got it fixed, but closing that tag, THANK YOU!!!!! The only issue I have
   now is that the top of the modal window gets stuck under the sticky header. Do
   you know if there’s a way around this? If not, I’ll just make it wider, but I
   wanted to check first.
 *  Plugin Author [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * (@wp24dotorg)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/whois-css/#post-15583666)
 * Try this:
 *     ```
       .blocker {
       	z-index: 200 !important;
       }
       ```
   
 *  Thread Starter [mysticminimalistartisan](https://wordpress.org/support/users/mysticminimalistartisan/)
 * (@mysticminimalistartisan)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/whois-css/#post-15584996)
 * Nope 🙁
 *  Plugin Author [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * (@wp24dotorg)
 * [4 years, 1 month ago](https://wordpress.org/support/topic/whois-css/#post-15585396)
 * A z-index of 1000 should work.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘WHOIS CSS’ is closed to new replies.

 * ![](https://ps.w.org/wp24-domain-check/assets/icon-256x256.png?rev=3437013)
 * [WP24 Domain Check](https://wordpress.org/plugins/wp24-domain-check/)
 * [Support Threads](https://wordpress.org/support/plugin/wp24-domain-check/)
 * [Active Topics](https://wordpress.org/support/plugin/wp24-domain-check/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp24-domain-check/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp24-domain-check/reviews/)

 * 12 replies
 * 2 participants
 * Last reply from: [WP24](https://wordpress.org/support/users/wp24dotorg/)
 * Last activity: [4 years, 1 month ago](https://wordpress.org/support/topic/whois-css/#post-15585396)
 * Status: resolved