Fixing my Forum to be full screen without wrecking the rest of my site.

[Kyle]

Just trying to make it match the rest of the site, and be full screen(under the menu)
I’ve tried setting CSS, however no go.

[Kyle]

############################
###########################
##########################
#########################
########################
#bbpress-forums .bbp-forums-list li {
display: block;
}

#bbpress-forums fieldset.bbp-form {
border: 0;
padding: 0;
}

div.bbp-submit-wrapper {
float: none;
}

.bbp-replies .bbp-header,
.bbp-replies .bbp-footer ,
.bbp-topics .bbp-footer,
.bbp-topic-started-in,
.bbp-author-role {
display: none;
}

.bbp-replies div.bbp-reply-header {
border-top: 0;
padding: 0;
}

li.bbp-body div.type-topic,
li.bbp-body div.type-reply {
margin-bottom: 30px;
}

.bbp-the-content-wrapper {
margin-bottom: 20px;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
padding: 20px;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd,
#bbpress-forums div.even,
#bbpress-forums ul.even {
background-color: #fff;
display: flex;
padding: 0;
border-radius: 5px;
}

#bbp-forum-0 .topic {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

#bbp-forum-0 .topic .bbp-topic-title .bbp-topic-meta {
display: none;
}

#bbpress-forums ul.even {
background: rgba(245, 247, 249, 0.2);
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
background-color: transparent;
}

.bbp-reply-author .staff {
font-size: 14px;
padding: 5px 10px;
display: block;
margin-top: 10px;
font-weight: bold;
border-radius: 5px;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
border: 0;
}

li.bbp-body div.hentry {
padding: 30px;
border: 1px solid rgba(0,0,0,0.05);
box-sizing: border-box;
}

#bbpress-forums li.bbp-header {
/*background: transparent;*/
border: 0;
}

div.bbp-template-notice.info {
display: none;
}

.bbp-pagination-count {
display: none;
}
/*
.bbp-search-form {
display: none;
}
*/
#bbp-your-profile .form-table,
#bbp-your-profile .security-keys {
display: none;
}

a.bbp-breadcrumb-home,
a.bbp-breadcrumb-home + span{
display: none;
}

#new-post {
margin: 0 auto;
}

.account-info ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}

.account-info {
font-size: 15px;
margin-bottom: 40px;
}

.account-info ul li:first-child {
flex-grow: 1;
margin-right: 10px;
}

.account-info ul li:last-child {
margin-left: 10px;
}

.account-info ul li a {
font-size: 15px;
color: #bacad6;
}

#bbp-search-form input[type=”submit”] {
font-size: 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
width: 84px;
}

#bbp-search-form input[type=”text”] {
font-size: 15px;
background: #fff;
border: 1px solid #bacad6;
margin-right: -4px;
border-right: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
width: calc(100% – 85px);
}

.bbpress .entry-header {
overflow: hidden;
}

#new-post input[type=”text”],
#new-post input[type=”url”],
#new-post select,
#new-post .wp-editor-container,
textarea#bbp_reply_content,
textarea#bbp_topic_content,
textarea#bbp_forum_content {
width: 100%;
border-color: #bacad6;
background-color: #fff;
border-radius: 5px;
box-sizing: border-box;
}

#new-post .quicktags-toolbar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#new-post legend {
font-size: 30px;
margin-bottom: 10px;
}

#bbpress-results {
padding: 40px;
}

.documenation-topics {
margin-bottom: 40px;
}

#bbpress-forums li.bbp-body ul.topic:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#bbpress-forums li.bbp-body ul.topic:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
border-radius: 50%;
}

div.bbp-forum-header,
div.bbp-topic-header,
div.bbp-reply-header {
border-top: 0;
}

.bbp-meta {
font-size: 12px;
margin-bottom: 5px;
}

span.bbp-admin-links,
span.bbp-admin-links a,
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
color: #000;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
border-right: 1px solid rgba(0,0,0,0.05);
width: 200px;
padding: 40px;
background: rgba(245, 247, 249, 0.2);
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
width: calc(100% – 200px);
margin: 0;
padding: 40px;
min-width: 0;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta{
font-size: 14px;
}

.subscription-toggle {
display: none;
}

.resolved, .topic-not-resolved, .topic-resolved {
display: none;
}

.topic-resolved+a:before {
color: #76b711;
content: “RESOLVED”;
font-size: 13px;
font-weight: 700;
border: 1px solid #76b711;
padding: 3px 10px;
float: right;
border-radius: 5px;
}

.bbp-topic-pagination a {
border-radius: 5px;
padding: 5px 10px;
vertical-align: middle;
border-color: #efefef;
}

.bbp-topic-pagination a:hover {
border-color: #bacad6;
}

.bbp-pagination-links {
float: none;
}

.bbp-pagination-links a,
.bbp-pagination-links span.current {
min-width: 25px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 5px;
background: #fff;
}

.bbp-pagination-links a:hover,
.bbp-pagination-links span.current {
border: 1px solid #bacad6;
background: #fff;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
font-size: 15px;
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
float: none;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #ddd;
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-reply-content pre {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,”Liberation Mono”,”Courier New”,monospace;
}

#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code {
padding: .2rem .4rem;
color: #bd4147;
background-color: #f8f9fa;
border-radius: .25rem;
}

#bbpress-forums div.bbp-topic-content pre code,
#bbpress-forums div.bbp-reply-content pre code {
padding: 0;
font-size: inherit;
color: inherit;
background-color: transparent;
border-radius: 0;
}

#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
margin-top: 0;
overflow: auto;
-ms-overflow-style: scrollbar;
display: block;
font-size: 90%;
color: #212529;
padding: 20px;
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.05);
}

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
border: 0;
margin-bottom: -3px;
border-radius: 50%;
}

.bbp-topic-started-by {
display: none;
}

.bbp-pagination {
float: none;
clear: both;
}

.bbp-pagination-links a, .bbp-pagination-links span.current,
.bbp-pagination-links span.dots {
float: none;
display: inline-block;
}

span.happy,
span.unhappy {
cursor: pointer;
}

span.happy {
font-weight: bold;
color: #5ea337;
}

span.unhappy {
font-weight: bold;
color: #444;
}

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
color: #222;
}

#bbpress-forums .status-closed .bbp-reply-content a {
color: #1e73be;
}

@media (max-width: 768px) {
#bbpress-forums div.odd,
#bbpress-forums ul.odd,
#bbpress-forums div.even,
#bbpress-forums ul.even {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
float: none;
width: auto;
min-height: auto !important;
margin: 0 !important;
box-sizing: border-box;
text-align: center !important;
padding-left: 40px !important;
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
margin-left: 0;
}

.account-info ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.account-info ul li:first-child {
margin-right: 0;
width: 100%;
margin-bottom: 20px;
}

#bbpress-forums li.bbp-header {
display: none;
}

li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
float: none;
width: 100%;
text-align: left;
}

li.bbp-forum-freshness,
li.bbp-topic-freshness {
float: none;
width: 100%;
text-align: left;
}

li.bbp-forum-info,
li.bbp-topic-title {
float: none;
width: 100%;
margin-bottom: 20px !important;
}

li.bbp-topic-voice-count {
display: inline-block;
width: auto;
}

li.bbp-topic-voice-count:after {
content: ” Voices”;
}

li.bbp-topic-reply-count {
display: inline-block;
width: auto;
}

li.bbp-topic-reply-count:after {
content: ” Replies”;
}

li.bbp-topic-reply-count:before {
content: ” | “;
}

span.bbp-topic-started-by {
display: none;
}

#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
width: 100%;
box-sizing: border-box;
}

#bbpress-forums div.bbp-reply-author img.avatar {
position: relative;
margin-bottom: 20px;
}

#bbpress-forums .bbp-body div.bbp-reply-content {
padding: 20px !important;
}
}
I have also used the Code Snippet plugin to add some PHP code to my functions.php file. Here is the PHP Code I have inserted:

//Removes the sub-forum topic and reply count
function remove_counts() {
$args[‘show_topic_count’] = false;
$args[‘show_reply_count’] = false;
$args[‘count_sep’] = ”;
return $args;
}
add_filter(‘bbp_before_list_forums_parse_args’, ‘remove_counts’ );

//Removes Breadcrumbs
//add_filter( ‘bbp_no_breadcrumb’, ‘__return_true’ );

//Change Breadcrumbs Text
function change_bread_crumbs_text( $args = array() ) {
$args[‘root_text’] = ‘Community’;
return $args;
}
add_filter( ‘bbp_after_get_breadcrumb_parse_args’, ‘change_bread_crumbs_text’ );

//Add descriptions to subforums
function custom_list_forums( $args = ” ) {

// Define used variables
$output = $sub_forums = $topic_count = $reply_count = $counts = ”;
$i = 0;
$count = array();

// Parse arguments against default values
$r = bbp_parse_args( $args, array(
‘before’ => ‘<ul class=”bbp-forums-list”>’,
‘after’ => ‘‘,
‘link_before’ => ‘<li class=”bbp-forum”>’,
‘link_after’ => ‘‘,
‘count_before’ => ‘ (‘,
‘count_after’ => ‘)’,
‘count_sep’ => ‘, ‘,
‘separator’ => ‘ ‘,
‘forum_id’ => ”,
‘show_topic_count’ => true,
‘show_reply_count’ => true,
), ‘list_forums’ );

// Loop through forums and create a list
$sub_forums = bbp_forum_get_subforums( $r[‘forum_id’] );
if ( !empty( $sub_forums ) ) {

// Total count (for separator)
$total_subs = count( $sub_forums );
foreach ( $sub_forums as $sub_forum ) {
$i++; // Separator count

// Get forum details
$count = array();
$show_sep = $total_subs > $i ? $r[‘separator’] : ”;
$permalink = bbp_get_forum_permalink( $sub_forum->ID );
$title = bbp_get_forum_title( $sub_forum->ID );
$content = bbp_get_forum_content($sub_forum->ID) ;

// Show topic count
if ( !empty( $r[‘show_topic_count’] ) && !bbp_is_forum_category( $sub_forum->ID ) ) {
$count[‘topic’] = bbp_get_forum_topic_count( $sub_forum->ID );
}

// Show reply count
if ( !empty( $r[‘show_reply_count’] ) && !bbp_is_forum_category( $sub_forum->ID ) ) {
$count[‘reply’] = bbp_get_forum_reply_count( $sub_forum->ID );
}

// Counts to show
if ( !empty( $count ) ) {
$counts = $r[‘count_before’] . implode( $r[‘count_sep’], $count ) . $r[‘count_after’];
}

// Build this sub forums link
$output .= $r[‘before’].$r[‘link_before’] . ‘‘ . $title . $counts . ‘‘ . $show_sep . $r[‘link_after’].’

‘.$content.’

‘.$r[‘after’];
}

// Output the list
return $output ;
}
}

add_filter(‘bbp_list_forums’, ‘custom_list_forums’ );

// Change Forums in Index page table header to Communities
function change_translate_text( $translated_text ) {
if ( $translated_text == ‘Forum’ ) {
$translated_text = ‘Communities ‘;
}
return $translated_text;
}
add_filter( ‘gettext’, ‘change_translate_text’, 20 );

[Leo]

Hi there,

The link you’ve provided isn’t using GP.

Can you confirm?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kyle]

sorry https://lionos.org

[Leo]

Can you explain a bit more on what you are trying to do here?

Which page should I compare with?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kyle]

I moved to Discourse.

[Leo]

Sounds good.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts