CSS - Read For Learn

Unused CSS in WordPress Plugins

Theme: Twentynineteen // How to exclude cookie-control triangle and star svg from being overwridden by theme css “svg { fill: currentColor; }”

Dropping this line of code in my twentynineteen-child theme’s style.css fixed the issue: button#ccc-icon *:not(g) { fill: inherit; } Explanation: Line 6353, in style.css of the twentynineteen (parent) theme, i. e. svg { transition: fill 120ms ease-in-out; fill: currentColor; } overrides the cookie-control module’s css for the button that opens and closes the module. The … Read more

Text editor toolbar z-index conflict with location plugin pop

Trying to make an image a circle in Gutenberg

In your .css try to add the following : .is-style-circle-mask img, .is-style-rounded img { -webkit-clip-path: circle(15.7% at 50% 50%); clip-path: circle(15.7% at 50% 50%); }

Gutenberg CSS Issue

Your blockquote has a <p> tag in it that overwrites the font-size attribute. Either delete the <p> tag or add css for bolckquote p or/and .wp-block-quote p

Unable to use Datepicker in a table when inserting a row

Change mobile menu color from red to another color

Customizer Appearance Issue

It sounds like it could be a server side caching issue. Assuming the refresh you mention is to your browser, this would not necessarily fix the issue. Shared hosting servers can have various tiers of server side caching and/or services like Cloudflare that can cause issues like you describe. Without knowing the specifics of your … Read more

How to remove the specific class

Just need to remove the below code from the header.php inside the activated theme. <?php body_class(); ?>

Problems styling a Custom Link in a Menu

Turns out I was making the omission of adding ‘a’ as the link is actually an anchor. So the working code would be as ff: .custom-link a { color: white !important; font-size: 40px; } In terms of affecting only the text of the link in question.

+ More