Changing background color and button color

  • Resolved lilyliseno

    (@lilyliseno)


    8 years, 2 months ago

    This seems to be a simple problem, but I can’t seem to figure it out.
    Here is the page I am working on:

    https://maddymoon.com/freedomlounge/members/

    I want to change the background so the whole thing is white, and get rid of that weird pink line going on with the button.

    I tried these codes in the inspector and they worked and then when I actually added in the CSS, it did not work:

    .submit, .pagination ul li.active a {
    background: #ffffff !important;
    }

    .page-id-9147 .page-template-default .site-inner,.single .site-inner, .page-template-page_blog .site-inner, .category .site-inner, .search .site-inner {
    background: #ffffff !important;
    }

    Any ideas? Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • You should avoid using the !important clause if possible, it just makes changing things more difficult later.

    Try this rule for the background (I think you just needed to remove the space between .page-id-9147 and .page-template-default):

    
.page-id-9147.page-template-default .site-inner {
   background: #fff;
}

    To get rid of the pink line, try this:

    
#mepr_loginform .submit {
   background: none !important;
}

    Had to use !important here because the existing rule uses it.

    Thread Starter lilyliseno

    (@lilyliseno)

    Thanks for your reply! For some reason it still isn’t working.. I’m not sure what else to even try because the changes are made when I use the inspector but not when I make the actual change.

    Can you turn off the theme’s CSS minification? I’m not seeing the CSS rule that I suggested in the minified CSS file.

    Thread Starter lilyliseno

    (@lilyliseno)

    Ok, I think I turned off the minification. I re added the CSS rules you mentioned.

    Hmm, I’m still seeing the minified CSS file, and it doesn’t have the new rules. I tried clearing my browser cache, too. Is there a plugin called Genesis Extender that you can disable temporarily?

    Thread Starter lilyliseno

    (@lilyliseno)

    Ah I fixed it! I was clearing the browser cache but it wasn’t doing anything, so I went to the W3 Super Cache plugin and “cleared all cache”, now your code works. Thanks so much for your help. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing background color and button color’ is closed to new replies.