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.
Tony has it right, you can dequeue the style without the site having an error. That is because of the way CSS works. If the DOM can’t find a specific CSS class/ID that is in the HTML it is simply ignored. Tony is also right, that you may need to add some styles back in … Read more
Found the answer! For anyone else with the this question, this worked for me: .entry-content a:not(.more-link):not(.wp-block-button__link):hover { color: blue; } Change colour for one you prefer 🙂
Add inline CSS to login page with wp_add_inline_style
This is an css question, so really this is not the right place for it. However, you need to use the + operator and the :checked selector like this: (This assumes your radio buttons are built like this): <input type=”radio” id=”my_awesome_radio_1″ value=”value1″ /> <label for=”my_awesome_radio_1″>Value 1</label> <input type=”radio” id=”my_awesome_radio_2″ value=”value2″ /> <label for=”my_awesome_radio_2″>Value 2</label> <input … Read more
The !important property in CSS is used to provide more weight (importance) than normal property. In CSS, the !important means that “this is important”, ignore all the subsequent rules, and apply !important rule and the !important keyword must be placed at the end of the line, immediately before the semicolon. In other words, it adds … Read more
Please add this CSS in your file. Remove all the CSS that you have added for “pricelist” class. .pricelist a span{ border: 1px solid white; padding: 12px; } .pricelist a span.plus{ border:0; padding:0; } .pricelist a span .underline_dash{ display:none; } This CSS will make the nav as seen in the screenshot.
The best way to achieve your goals would be to create a child theme, and copy whichever PHP file is responsible for the page you’re wanting to edit into the child theme. You can then remove the links and additional information so that it’s actually gone from the page. That way, no one will accidentally … Read more
Have you tried inspecting the html code and css in the browser’s dev console? It might be some “hidden” element only available when not loggedn in and that could be interfering. Usually you can see which css or element is causing this type of issues, just navigate through the elements
try adding overflow:hidden to the .wrap @media only screen and (max-width: 767px) #wrap { width: 100% !important; overflow: hidden; }