Color change background All buttons & Specific widgets

  • Resolved GwenetteWriter

    (@gwenettewriter)


    8 years ago

    Aloha,
    I have entered (using Appearance > Editor CSS) more than a dozen versions of CSS snippets (with curly brackets to start and end) and none of them change the color of buttons. I DID see the background color change when I used a snippet for ALL widgets, but that snippet did not work when applied only to widget ID text-4.

    I need the Homepage sidebar widget background to be black and all buttons to be black.
    Site: wiki-socialmedia.sustainablejournalism.org

    What am I missing? Thanks for your time.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Michael

    (@alchymyth)

    #text-4 would be in the header, and its backgroud is styled by:

    #header-second .widget {margin:15px 0; padding:0 20px; background:none; color:#fff; border:0;}

    i.e. just #text-4 { background: .. } is not specific enough.

    try with:

    #header-second .widget#text-4 { background: #e579f2; }

    Homepage sidebar widget background to be black

    for each widget, try:

    .home #sidebar .widget { background: black; }

    Thread Starter GwenetteWriter

    (@gwenettewriter)

    Progress! I see Home sidebar widget with text area background black BUT the top and bottom have wide blue borders. What code do I need to make the borders black? I am just learning about proper syntax for selectors. Your help greatly appreciated.

    Also, how can I make background for ALL buttons on site black? Basically, I need to remove the blue and replace with black every where it appeaars.

    Michael

    (@alchymyth)

    the blue is the backgroud of .sidebar-homepage …

    and then there is the ‘subscribe’ button in blue, change that for example with:

    input[type="submit"], input[type="reset"], input[type="button"], button { background-color: #000; }

    Thread Starter GwenetteWriter

    (@gwenettewriter)

    Sorry I do not understand how to use those CSS snippets.Can we do one step at a time?
    What CSS do I use to make the blue bars on top and bottom of tex widget in Homepage sidebar change from blue to black?
    Thanks again.

    Michael

    (@alchymyth)

    What CSS do I use to make the blue bars on top and bottom of tex widget in Homepage sidebar change from blue to black?

    .sidebar-homepage { background-color: #000; }

    Theme Author Guido

    (@guido07111975)

    Hi Gwenette,

    First, thanks to Michael for replying.

    Don’t forget the readmore button and the border underneath the category name:

    
.a.readmore {background:#000; color #fff;}
.a.readmore:hover {background:#333;}
.cat-name {border-bottom:2px solid #000;}

    And when I inspect your site I notice you’ve added a wrong tag in your custom CSS:

    
entry-content

    I don’t use that tag in my theme.

    Guido

    • This reply was modified 8 years ago by Guido.
    Thread Starter GwenetteWriter

    (@gwenettewriter)

    Michael I used this today
    input[type=”submit”], input[type=”reset”], input[type=”button”], button { background-color: #000; }
    and Voila! it worked. Thanks so much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Color change background All buttons & Specific widgets’ is closed to new replies.