Posted by Simon Goodchild  at June 12th, 2012

Note that this will also style the forum, and other items across your WPS installation like the list of group member, member directory, friends list and so on. For your user’s experience, this will keep a common style.

It can be used with WP Symposium styles enabled, or not.

Via the admin dashboard, go to Symposium->Styles->CSS and enter the following. Note that I’ve included !important after each entry to enforce the style come what may. It’s a bit brute force, but guarantees that the styles are implemented.

Play around with the colours, they probably won’t match your site!!

/* Category */

.symposium-wrapper #symposium_table {
    border: 0 !important;
}
.symposium-wrapper .row, .symposium-wrapper .row_odd {
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}
.symposium-wrapper .row:hover, .symposium-wrapper .row_odd:hover {
    border-radius: 5px !important;
    margin-bottom: 5px !important;
    background-color: #ccc !important;
}
.symposium-wrapper .row {
    background-color: #cff !important;
}
.symposium-wrapper .row_odd {
    background-color: #ccf !important;
}
.symposium-wrapper .row_link {
    color: #333 !important;
    text-decoration:none;
}
.symposium-wrapper .row_link:hover {
    color: #000 !important;
    text-decoration:underline !important;
}

/* Topic (starting post) */

.symposium-wrapper #starting-post {
    border: 0 !important;
    border-radius: 5px !important;
    background-color: #cfc !important;
}
.symposium-wrapper .started-by  a {
    color: #333 !important;
    font-weight: bold !important;
    text-decoration:none;
}
.symposium-wrapper .started-by  a:hover {
    color: #000 !important;
    font-weight: bold !important;
    text-decoration:underline;
}

/* Replies */

.symposium-wrapper #child-posts {
    border: 0 !important;
    background-color: #fff !important;
}
.symposium-wrapper .child-reply {
    width: 548px !important;
    background-color: #fcc !important;
    border-top: 5px solid #fcc !important;
    border-bottom: 5px solid #fcc !important;
    border-left: 10px solid #fcc !important;
    border-right: 20px solid #fcc !important;
    margin-bottom:10px !important;
    margin-left: -10px !important;
    border-radius:5px !important;
}