CSS can't be overwritten, no matter how ; Wordpress with responsive style_options.php


Tags: php,html,css,wordpress

Problem :

So my problem is awkward, I have a Wordpress website on which I can't overwrite CSS. On which I've added a google font.

The problem is that sometimes when I want to overwrite a CSS using either a id and class selector, or embeding style into html, the font get's always overwritten.

How to overwrite css (font-face) which is coded in css in style_options.php which generates options.css.

Did anybody solve this problem already?

Thank you for answers!



Solution :

Strictly speaking, if you want your attribute not to get overwritten, you need to use !important like so:

p {
    color: blue!important;
}
#myid {
    color: red;
}
<p id="myid">This text is blue.</p>

But i think you should check in your theme's option, there's gotta be some way to edit within wordpress such things as the font. (thanks Vineet Kaushik for pointing that out)


    CSS Howto..

    How to add class with data-attribute?

    How to set a background-color to element which has the same id with anchor of url?

    How to apply advanced styling for all portlets of one kind

    How to apply css styles to a tag?

    How animate stacking divs in javascript/css?

    How to create css classes which are “stronger” that elements?

    How to select a single child class based on its parent class on CSS and jquery?

    How to tell google bot to skip part of HTML?

    How to draw a horizontal line between two circles with css?

    How can a transformed Image transition back to it's original shape when hovered?

    How to add a CSS class depending on URL path?

    How to use @page CSS in ASP.NET MVC View

    How to setup a ASP template

    Remove oval border-radius when 2 digit numbers show up

    How to properly style current_page_item based from theme

    How to pass parameter in CSS and then how to apply if..else on that parameter in ASP.NET?

    How to distribute cell height evenly within a row spanning two cells vertically?

    How do you customise HTML select option menus? [duplicate]

    How to overide CSS style of a class using jquery? [closed]

    How to isolate specific platforms using CSS selectors in the Ionic framework

    How to close this menu clicking outside?

    How to override a property set in an id (CSS)

    CSS - How to remove white
    margins

    How to echo CSS class only once in first iteration foreach in PHP?

    How to get Circle Hover Effects with CSS Transitions with img tag?

    How can I pipe the output from gulp-w3c-css to the console

    how to programmatically call the “click” of css

    How to locate and use fonts in Qt for Embedded Linux?

    How to call multiple classes of CSS in a single class?

    CSS(3): How to display elements after each other