Hide forums title on static forum index page

[Tom]

Hi,

I have set my bbPress forums to be displayed on a static page I have created using the bbPress forum index shortcode: [bbp-forum-index]

I would like to customize the layout of this page, and one of the things I would like to do is remove the H1 title and include one of my own using the visual editor ‘custom heading with Google fonts’.

These are the things I have done:

— Created a page under mydomain.com/forums
— Included forum using [bbp-forum-index]
— Changed the page title on the edit page screen
— On the edit page, I have ticked the box under “Theme General Settings > Title Section > Hide the title
(Check to hide the title when displaying the post/page)

The page is included correctly, but there is a title there still showing as follows (this ISN’T showing the title I have entered in the page, it’s showing the title from somewhere else:

<div class="container"><h1 class="page-title">Forums</h1></div>

I tried to update the style.css as follows in my KLEO child theme too:

.forum-archive h1.page-title { visibility:hidden;}

This successfully hides the h1 title, but doesn’t hide the <div class=”container”> that it is in, so there is a massive gap at the top of the page. I can’t see how to reduce this as that div has no ID and any styles applied to it apply to other container elements.

I also found this in the KLEO functions.php file:

COPY CODE

if ( ! function_exists( 'kleo_title_main_content' ) ) {
	/**
	 * Echo the title if it was set to show in main content area
	 */
	function kleo_title_main_content() {
		if (sq_option('title_location', 'breadcrumb') == 'main') {
			
			$title_status = true;
			if( is_singular() && get_cfield( 'title_checkbox' ) == 1 ) {
				$title_status = false;
			}

			if ( $title_status ) {
				echo '<div class="container">';
				echo '<h1 class="page-title">' . kleo_title() . '</h1>';
				echo '</div>';
			}
			
		}
	}
}

Shouldn’t that be hiding the title? Is this an exception because it’s using the bbPress template instead?

I only really want to remove the forum title on the main forums index page. Can you please explain how to do this?

Thanks!

[sharmstr]

I’m unable to recreate the problems you’re having. I edited my main forum page by adding the custom heading, then a text box with the [bbp-forum-index] shortcode. In Theme General Settings I turned on ‘hide the title’, set breadcrumbs to ‘hidden’ and turned on ‘hide information’. I’ve attached a screenshot.

I wonder what’s different between our setups.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[Tom]

Thanks very much for your quick reply…

I just had a thought that it might be something to do with the Child Theme settings. I disabled the KLEO Child Theme I have created, and re-enabled the main KLEO theme, and it works with that perfectly. The <h1> page title is hidden.

For some reason in the KLEO-child theme, something is preventing the Theme General Settings > ‘hide the title’ checkbox from being picked up I think.

In my child theme ALL I have added are a couple of css styles in my child style.css. There are no other modifications.

Any ideas?

[sharmstr]

Off the top of my head, is there something in kleo-child/functions.php? Wait what do you mean “KLEO Child Theme I have created“? Are you saying you created the folder and the the style.css file from scratch instead of uploading it from the kleo install? I’m not sure why that would be an issue, but maybe?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Tom]

No there is nothing at all in my functions.php – except the original comments by Seventhqueen.

It’s the kleo-child theme that I uploaded from the KLEO install folders and all I have done is to add 4 font formatting styles.

I even just FTPed up the original Seventhqueen kleo-child style.css file and the problem is still there with the original KLEO child theme.

[Tom]

This may help you…

I just renamed the forums permalink from http://mydomain.com/forums/ to http://mydomain.com/forums-testing/ and without making any other page modifications, the <h1> title disappeared.

So it’s something to do with the page having the slug http://mydomain.com/forums/ that is preventing that check box working.

[Tom]

I think that when the Settings > Forums settings are set up using the default settings with the forums slug as forums (see attachment) for some reason this prevents the “hide the title” check box from working on the forums page when using a custom page with [bbp-forum-index] included.

I hope that makes sense!

Attachments:

You must be logged in to view attached files.

[sharmstr]

I’m at a loss here so bear with me.

Maybe its loading a different template. The Forum page should be using /kleo/archive.php or /kleo/page.php. You can verify this by installing “reveal template”. It uses archive.php if the page slug is ‘forums’ and you have same slug setup in your forum settings. It uses page.php if you created a page and dont have that page slug set up in your forum settings.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Regarding Forum settings. That’s not what I’m seeing. I’ve attached a screenshot of my setup.

Here’s what I did exactly.
Originally, before I started helping you, I had a page called Forums, with the slug ‘forums’. The page didnt have any content. Then I went in, enabled VC, added a custom header and turned off the title. When going to the forum, the title was turned off and the custom header was displayed, but the forum index was gone. After adding a text box with the forum index shortcode, it worked as intended.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[Tom]

Hi,

I installed “Reveal Template” and went to my /forums page. It says it is using kleo/archive.php. I also have the same settings as you in the forum-settings.png above.

I tried re-naming the page as forums-test and Forum Root Slug > Forum Root as forums-test with the same result. The title is still showing.

So I decided to try again, I created a new page with the slug /forum-test-final and did what you did above (added custom heading, added a text block with [bbp-forum-index], and ticked “Hide the title”.

Now, when I visit http://mydomain.com/forum-test-final/ the title is hidden (and the template being used is kleo/page.php)

BUT, when I go to Forums > Settings and change the Forum Root to the above slug forum-test-final it puts the <h1> page heading back in and switches back to using kleo/archive.php as the template.

So does this mean I cannot set the forum root to be my customised forum index? What impact will this have?

Thanks for all your help!

[sharmstr]

So does this mean I cannot set the forum root to be my customised forum index? What impact will this have?

Well, the breadcrumb link wont go to your custom page.

I tried changing my forum root to the custom page I created. I still can’t duplicate the issue you’re having. Its so weird that it will work with the main kleo theme activated but not the child. I dont know what to try anymore. My normal response of “disable plugins” shouldn’t apply since it works with the main kleo theme.

Hopefully the Kleo team can chime in here help you sort this out.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Tom]

Thanks for your help, yes it would be great to be able to sort this mystery out! Basically as soon as I make a custom page the forum root in Settings > Forums > Forum route slug it changes the template back to kleo/archive.php and stops using my page customizations.

[pittsleyb]

I too have tried to hide the page title from the forums side of things. The toggle works fine for buddypress side and pages but not the forums. I have tried to add custom css to hide it in every way I know possible. Seems crazy I just cant figure out how to hide the title(s) from the forums and leave the breadcrumbs without editing the actual files.

[sharmstr]

You guys are running Kleo 1.6.3? bbpress 2.5.4?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Tom]

Hi, yes, I’m running bbPress 2.5.4 and 1.6.3 – just checked.

[pittsleyb]

yep same here, child theme though and it doesnt say version # under child theme. interesting.

[Tom]

I think it would just take the version number from the parent KLEO theme.

I’ve put my forum work on hold waiting for some kind of fix for this issue. At the moment the only way I can see to fix it is to do the following:

1) Change my custom forum page slug to something different to what is set under Forums > Settings. So I have changed it to http://mydomain.com/travel-forums/

2) Leave the forums root slug (under Forums > Settings > Forum Root Slug > Forum Root as forums.

3) On my custom forum page (http://mydomain.com/travel-forums/) under Theme General Settings > Title Section, make sure Title and Breadcrumb are both hidden. The Breadcrumb being hidden prevents users navigating back to the “official” forum root – http://mydomain.com/forums/ instead of my custom page ttp://mydomain.com/travel-forums/

This seems a bit of an extreme measure just to remove a page title!

Does anyone know if there are other ways that users will be able to navigate back to the official forum root other than the breadcrumb?

[sharmstr]

You’ve turned the title/breadcrumb off on the index, but the topics will still have them.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[pittsleyb]

You can edit your actual pages to remove the title(s) which is what I may end up doing, however make a note of what you edit because it will be removed if the theme is updated which is why I wanted to do it using custom css.

[sharmstr]

because it will be removed if the theme is updated

Not if you’re using the child theme.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[pittsleyb]

so i was able to use the css listed above and my forum title is now gone (not the extra space) but you are right the forum topics still show title. what would the css class be to hide then for all instead of using

.forum-archive h1.page-title { visibility:hidden;}

[pittsleyb]

this works to hide all titles

h1.page-title { visibility:hidden;}

[Tom]

I think h1.page-title {display:none;} hides the space as well – this is how I have had to do it in the end as my forum root still reverts to using the kleo/archive.php page template.

[pittsleyb]

thanks tom, just modifying it to display:none did work. And now it works perfectly without titles on all pages using child theme and no modifications to templates. Beautiful, thanks! If you want to see take a look.

http://www.worldwidesurvival.com/

[Author]

Posts