Some part of my Custom CSS has suddenly stopped working

  • Author
    Posts
  • #1304598

    joetomo
    Member

    As the title said, today some part of my css stop working

    Title post color, sidebar title color, etc…

    Theme : Notepad

    The blog I need help with is james-oetomo.com.

    #1304744

    taobaoindo
    Member

    same here… I think I got this problem around 2 days ago

    #1304750

    ctvr2013
    Member

    me too my theme is Modern news and the nav bar and headings css is not working. It will work while i am in the customize css panel but when i save and exit it goes to default black colour ?

    #1304751

    papayapieces
    Member

    Same here! I just sent an SOS with the same thing

    #1304762

    I use Triton Lite and have the same issues.

    #1304765

    laidey
    Member

    same here. seems to be in the css changes in colors/fonts. tried to fix but it goes back to “default”(?)

    what to do?

    http://countrywomanpaints.com
    chateau theme customized

    #1304773

    Having the exact same issue here with Twenty Twelve theme, everything looks fine in CSS editor but all messy when actually viewing the site. I didn’t change anything.

    Nice to see it’s at least something other people are dealing with, too :/ Guess I’ll stop trying to tweak anything looking for an answer.

    This is something WordPress.com needs to fix, especially for those of us who are paying for hosting this is just ridiculous.

    #1304780

    jscwebmaster
    Member

    I also am having this issue with my premium Soundcheck theme. Strangely this issue is only affecting the CSS revisions I have made pertaining to background colors and font colors. As others have mentioned, in the CSS editor view, everything looks fine but the actual site, when loaded on a variety of different browsers, doesn’t display correctly.

    #1304849

    Howdy all,

    Thanks for reporting this. It’s happening due to change we made with how Custom Colors and Custom CSS are loaded. To make Custom Colors more consistent they are now loaded after the CSS. Unfortunately, as you’re finding out, this means they can overwrite some of the CSS you were using.

    To fix this you will want to use more specific CSS styles. Check out this handy graphic that visualizes how specific CSS styles override each other.
    http://stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

    You can also add !important to the end of each line of CSS. That would look like this:

    h2 a{
    text-decoration: none !important;
    color: #FFFFFF !important;
    }

    If you get stuck on anything please feel free to get in touch through our contact form or post the specific style code you need help with here. We’re happy to help sort things out.

    Cheers,
    Ian

    #1304850

    The “!important” fix straightened things right up for me, thanks!

    #1304854

    Worked for me too! Thank you!

    #1304855

    joetomo
    Member

    Thanks, now it works fine with “!important”

    #1304861

    ctvr2013
    Member

    Thank you Ian
    the !important work for me too

    #1304863

    hrterzis
    Member

    Worked for me too. Thanks .

    #1304867

    Great, I’m glad it’s working for you guys. Let me know if you run into anything else!

    #1304878

    Follow-up Note: the original change that made the !important necessary for some pre-existing custom CSS rules has been reverted and you should no longer need to add !important to past CSS you had saved to get it to work.

    Thanks for the feedback on this!

    #1304899

    laidey
    Member

    Thanks!

The topic ‘Some part of my Custom CSS has suddenly stopped working’ is closed to new replies.