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 make a transparent border using CSS?

    How to rotate top-border around the circle?

    How to put
      around image in css

    How do I refactor my CSS? [duplicate]

    How to remove border of drop down list : CSS

    How to do mobile devices-friendly CSS for both desktop and mobile devices

    How to Replace the generic css style into empty string using C#

    Showing only one row of items with css independently of users resolution?

    Need the background to change when the mouse goes over the selected tab. How?

    How can I toggle a div to reveal content with CSS

    How to make the div's appear inline in the following code?

    How to make a vertical CSS menu with arrows on the right of each entry?

    How to CSS: select element based on inner HTML

    CSS: how to put one image and one block with two

    in one line not using float

    How to prevent corners on CSS box-shadow?

    How to make an item background visible on overflow?

    How can i use the visibility attribute in css to make my submenu appear and reappear?

    How to make middle div acting like a fixed positioned header when middle div go to the top place by mouse scrolling

    How to transform:scale the top and bottom part of a div using CSS

    How to tell if text is overflowing in a table cell in Firefox?

    How to get the effect not to add one more div?

    how to set footer at bottom?

    How to change CSS of child element inside parent
    element Using jQuery onclick event?

    how to combine multiple css class selectors for jquery buttonset?

    How do I make this list not break lines when browser size is changed?

    how to remove 2nd 0r 4th div padding with Pure CSS not jquery

    How to set a div over a div using css?

    How to add a style only to certain elements of a list via CSS

    How can I apply percentage-based positioning to background-image sprites with pure CSS?

    How to show scrollbar when the inner content is aligned to bottom?