Change background color bbpress css

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

    (@themesumo)

    9 years, 2 months ago

    Maybe something like this perhaps?

    #bbpress-forums div.bbp-forum-author, 
#bbpress-forums div.bbp-topic-author, 
#bbpress-forums div.bbp-reply-author {
    width: 160px !important;
    padding: 20px;
    background: #efefef;
    margin-right: 20px;
}

#bbpress-forums div.bbp-forum-content, 
#bbpress-forums div.bbp-topic-content, 
#bbpress-forums div.bbp-reply-content {
    margin-left: 220px !important;
}
.administrador .bbp-author-role {
    margin: -75px auto 0;
}

    Try it without both of the !important first, I couldn’t manage to override your BB stylesheet when testing.

    Add this to your chosen Custom CSS solution, either via the Customizer or a Custom CSS plugin.

    • This reply was modified 9 years, 2 months ago by ThemeSumo.
    Thread Starter mestregd

    (@mestregd)

    9 years, 2 months ago

    Hello @themesumo, I am very grateful to see you again helping me. The idea is exactly this, but it seems that some things as shown in the image below have been misaligned and the “posts” information shows a white background:

    ( http://desenvolvendosaf.96.lt/forums/topic/regras-do-forum/#post-206 )

    • This reply was modified 9 years, 2 months ago by mestregd.
    • This reply was modified 9 years, 2 months ago by mestregd.
    • This reply was modified 9 years, 2 months ago by mestregd.
    • This reply was modified 9 years, 2 months ago by mestregd. Reason: Fixed link
    ThemeSumo

    (@themesumo)

    9 years, 2 months ago

    .bbp-body ul {
    background: #efefef !important;
}
#bbpress-forums .tc_display li {
    text-align: center;
    padding: 0;
}

    Adding this will rectify some alignment issues, however, your theme is using many !important declarations and is making it difficult to align your member avatars thus far.

    Thread Starter mestregd

    (@mestregd)

    9 years, 2 months ago

    Hi @themesumo, thanks for your response. I face many problems with avatar alignment really. Do you think you can help me? 🙁
    I added the code you mentioned and changed the appearance of certain things but did not centralize the avatar yet. I have a code like this:

    #bbpress-forums div.bbp-reply-author img.avatar {
	width: 100px !important;
	height: 100px !important;

    I use it to show avatar height and width in the forum. Do you think I should remove the importants, or what? I need to sort this out, my friend, thanks for your attention and dedication to helping me. Hugs.

    ThemeSumo

    (@themesumo)

    9 years, 2 months ago

    I’ve really tried many, many possible ways to get that avatar to centralize, it just does not want to play nicely.

    Other than simply enlarging the avatar image to scale up to fill the container (not advised), we can simply reduce back the width slightly of its container.

    Try changing the first snippet of code I gave you to this instead:

    #bbpress-forums div.bbp-forum-author, 
#bbpress-forums div.bbp-topic-author, 
#bbpress-forums div.bbp-reply-author {
    width: 112px !important;
    padding: 20px;
    background: #efefef;
    margin-right: 20px;
}

#bbpress-forums div.bbp-forum-content, 
#bbpress-forums div.bbp-topic-content, 
#bbpress-forums div.bbp-reply-content {
    margin-left: 172px !important;
}
.administrador .bbp-author-role {
    margin: -75px auto 0;
}

    All we’re doing is reducing the size of the left container to 112px, and adjusting the left margin accordingly of the forum content container.

    endresult

    Hope this helps.

    Thread Starter mestregd

    (@mestregd)

    9 years, 2 months ago

    Hello, you are simply a myth. It seems to have worked so far, taking advantage, I noticed that the code ended up changing the space between the categories of topics, please, some solution to help me with this and an end to these problems?

    http://desenvolvendosaf.96.lt/forums/

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

The topic ‘Change background color bbpress css’ is closed to new replies.