Skip to:
Content
Pages
Categories
Search
Top
Bottom

Change background color of .activity-header?


  • Valery Kondakoff
    Participant

    @valery-kondakoff

    8 years, 8 months ago

    Hello!

    I changed the colors of my main theme (Twenty Sixteen) to the Dark scheme and now there are still many white elements on BuddyPress pages. Especially annoying are the white .activity-header panes.

    Here is a screenshot of the current state: http://goo.gl/FUv8T1

    How can I change the color of the .activity-header using CSS? The easy way does not seems to work:

    #buddypress .activity-header {
background-color: black !important;
}

    Any other ideas? Thank you!

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

  • Henry Wright
    Moderator

    @henrywright

    8 years, 8 months ago

    Try

    .activity-header {
    background-color: #000;
}

    Maybe the #buddypress ID isn’t on the page?


    Valery Kondakoff
    Participant

    @valery-kondakoff

    8 years, 8 months ago

    Does not work as well… 🙁 Currently I can not change the backgroung color of the three panes: item-nav, item-list-tabs and activity-header.


    Valery Kondakoff
    Participant

    @valery-kondakoff

    8 years, 8 months ago

    I just created a demo user, so you can take a look at the site in question:

    http://rugby-forum.ru/wp/users/demo/ (l/p demo/demo)

    Any ideas: what may be wrong?

    Thank you!


    @mcuk
    Participant

    @mcuk

    8 years, 8 months ago

    It’s not your .activity-header. Its the p inside it that currently has the background. This does the trick:

    #buddypress #activity-stream .activity-content .activity-header p {
    background: transparent;
    border: none;
}

    Similarly for .item-list-tabs its the list inside it

    #buddypress div.item-list-tabs ul {
    background: transparent;
    border: none;
}

    and the subnav….

    #buddypress div#subnav.item-list-tabs ul {
    background: transparent;
}

    and the subnav select box…

    #buddypress div#subnav.item-list-tabs ul li.last {
    background: transparent;
}

    the select box…

    #buddypress div#subnav.item-list-tabs ul li.last select {
    background: #fff;
}

    🙂


    Valery Kondakoff
    Participant

    @valery-kondakoff

    8 years, 8 months ago

    Yes! That’s it. Thanks a lot for help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.

Topic Info

Skip to toolbar