Support » Plugin: WP24 Domain Check » WHOIS CSS

  • Resolved mysticminimalistartisan

    (@mysticminimalistartisan)


    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 to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author WP24

    (@wp24dotorg)

    This additional custom CSS should be enough:

    .whois-info pre {
    	color: #000000;
    	font-size: 10px;
    }
    Thread Starter mysticminimalistartisan

    (@mysticminimalistartisan)

    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

    (@wp24dotorg)

    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

    (@mysticminimalistartisan)

    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

    (@wp24dotorg)

    If I’am looking right the “.whois-info pre” is added twice in your custom style.

    Thread Starter mysticminimalistartisan

    (@mysticminimalistartisan)

    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

    (@wp24dotorg)

    Your CSS is incorrect, a closing bracket “}” is missing at the end, for “@media only screen and (max-width: 480px)”.

    Thread Starter mysticminimalistartisan

    (@mysticminimalistartisan)

    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

    (@mysticminimalistartisan)

    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

    (@wp24dotorg)

    Try this:

    .blocker {
    	z-index: 200 !important;
    }
    Thread Starter mysticminimalistartisan

    (@mysticminimalistartisan)

    Nope 🙁

    Plugin Author WP24

    (@wp24dotorg)

    A z-index of 1000 should work.

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.