Skip to:
Content
Pages
Categories
Search
Top
Bottom

CSS

  • Hey everyone!

    I’ve got a small issue, I was able to integrate WP and BB together and got the theme to match my website. The forum itself is taking the CSS coding and it doesn’t look much like a forum. Is there a way the forum can override the current CSS with the original CSS so it looks a little normal?

    My website is nynw.net/newsroom

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

  • Graeme
    Member

    @agentmaximus

    You appear to be using identical style.css files for the wordpress and bbpress sections of your site. You can fix this by copying some CSS rules from one of my theme downloads.

    I have just updated the blank bbPress themes at bbpressraw.com with new versions that have a forum-like tabular style.

    You can see them in action via the theme switcher at the bottom of the bbpressraw.com forums page.

    To solve your problem, I suggest you download one of the themes and copy all of the rules below:

    /* Global Styles

    =================================== */

    hr {

    display: none;

    }

    into the bottom of your bbPress theme stylesheet. This will allow you to pick up all the bbPress CSS rules that are applied by these themes. Tweak these CSS rules in order to change the appearance of the forums.

    Enjoy!

    Is that the only way to do it, or maybe I didn’t follow the steps correctly? I tried your method, and got the same results.

    My issue is that the tables doesn’t resemble anything like a forum, is there a way to correct this?


    Graeme
    Member

    @agentmaximus

    Did you copy all of the rules?

    You should have copied all of these rules:

    /* Default table structure
    =================================== */

    /* 100% is a good starting width for most tables - this is a forum! */
    table { width: 100% }

    /* Login form (header.php)
    =================================== */

    .login {

    }

    .login p {

    }

    .login label {

    }

    .login #submit {

    }

    p.login {

    }

    form.login input {

    }

    /* Breadcrumbs (most templates)
    =================================== */
    .bbcrumb {

    }

    /* Notice (profile.php)
    =================================== */

    .notice {

    }

    .notice p {

    }

    /* Front Page
    =================================== */

    #front-page #hottags {

    }

    #front-page #discussions {

    }

    /* hot tags! */
    .frontpageheatmap {

    }

    #front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {

    }

    #front-page #discussions ul {

    }

    .sticky {
    background-color: #ffffd0;
    }

    /* Topic Page (topic.php)
    =================================== */

    /* wrapper for topic */
    .infobox {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    }

    ul.topicmeta {
    display: block;
    margin-left 1.0; padding-left: 0em;
    }

    .topicmeta li {
    display: list-item;
    list-style: square inside;
    }

    #topic-info h2 {
    border: 0px;
    margin: 0px;
    }

    #topic-info {
    float: left;
    }

    #topic-tags {
    top: 1.0em;
    margin-top: 2.0em;
    float: right;
    }

    /* .nav used by topic.php & tag-single.php */
    .nav {

    }

    .nav span {

    }

    .nav span, .nav a {

    }

    #thread {

    }

    #thread li {
    margin-bottom: 1.0em;
    }

    #thread li ol, #thread li ul {

    }

    #thread li ol li, #thread li ul li {

    }

    /* following are used by post.php */
    .threadauthor {
    margin-left: -0px;
    overflow: hidden;
    width: 115px;
    position: absolute;
    }

    .threadpost {
    margin-left: 130px;
    width: 370px;
    background-color: #f5f5f5;
    padding: 10px;
    }

    .poststuff {
    font-size: 0.8em;
    border-top: 1px solid #e5e5e5;
    }

    .num, #forumlist small {

    }

    .postform {
    background: #f0f0f0;
    padding: 1em;
    margin-bottom: 1em;
    }

    .postform textarea {
    height: 12em;
    margin: 5px 0;
    padding: 5px;
    width: 96%;
    display: block;
    }

    .postform label { display: block; }

    .rssfeed { line-height: 20px; padding-left: 23px; background: url( "images/feed-icon-16x16.png" ) center left no-repeat; }

    #manage-tags {

    }

    #manage-tags li {

    }

    .submit {

    }

    .topiclink {

    }

    .topictitle {

    }

    #topic-move {
    margin-bottom: 1.0em;
    }

    /* Content - specific to the main content div
    =================================== */

    #content .frontpageheatmap a {

    }

    #content .infobox li {

    }

    #content .nav a {

    }

    #content .nav a:hover {

    }

    #content a:visited {

    }

    /* Profile Page
    =================================== */

    #profile-menu {
    padding-top: 0.5em;
    list-style: none;
    border-bottom: 2px solid #ccc;

    }

    #profile-menu ul {
    }

    #profile-menu li {
    font-size: 1.1em;
    background-color: #eee;
    padding: 4px 7px;
    margin: 0px;
    display: inline;
    position: relative;
    top: -3px;
    }

    #profile-menu li.current {
    background-color: #ccc;
    }

    #userinfo {

    }

    #userinfo dt {

    }

    #userinfo dd {

    }

    #useractivity {

    }

    .user-recent {

    }

    .user-recent .alt {
    background-color: transparent;
    }

    .user-recent ol {

    }

    .user-recent ol li {

    }

    /* Profile Edit
    =================================== */

    fieldset {

    }

    legend {

    }

    fieldset table {

    }

    fieldset table td {

    }

    fieldset p {

    }

    /* Other
    =================================== */

    #front-search {

    }

    #latest td, #forumlist td, #favorites td {
    border: 1px solid #f5f5f5;
    }

    #forumlist tr td div.nest {

    }

    #latest tr:hover, #forumlist tr:hover, #favorites tr:hover {

    }

    #latest th, #forumlist th, #favorites th {
    background-color: #e9ede8;
    border: 1px solid #f5f5f5;
    }

    #latest, #forumlist, #favorites {

    }

    .alt {
    background-color: #f9f9f9;
    }

    .bozo {

    }

    .alt.bozo {

    }

    .deleted {

    }

    .alt.deleted {

    }

    Yes, I added all of the code to the style CSS, but it looks exactly the same.

    Anyone else have any ideas?

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

You must be logged in to reply to this topic.