Docs

[pixfli]

Hello!

Great theme!

Could you please advise how I can go about coping the layout of the demo located here: http://demo.theme.co/renew-1/forums/.

Everything from the Forum headline (including the home icon and “> forum” menus down to and including the about, philosophy, tags sections.

I have bbpress installed on my site: pixfli.com/forum however it doesn’t look right when you click on the forums and topics individually. I would like to replicate exactly the way you have it layed out on your demo.

thanks!
Ryan

[Rupok]

Hi Ryan,

Thanks for writing in! It’s almost similar. To make it same as demo, you need to use boxed layout and take off the background image and use a solid background. That’s it.

Cheers!

[pixfli]

Hey there Rupok!

Thank you for the help! I did what you said but it looks like its a global setting and i would like to keep everything the same as it was.

https://pixfli.com/forum/aerial-photography/

I did change it however and it still didn’t look the same. I should probably be specific.

I would like all forum pages to look like this:
https://pixfli.com/forum/

where the title “Forum” on https://pixfli.com/forum/ to change to “Aerial Photography” if you clicked on Aerial Photography forum https://pixfli.com/forum/aerial-photography/

thank you so much!

[pixfli]

It would also be nice to have the “home icon with ‘> FORUM'” that you can see on the demo in the top right hand corner of the forum. the navigation specifically for the forum.

[Rue Nel]

Hello There,

Thank you for the clarifications! Upon checking, it turns out that your forum page, https://pixfli.com/forum/, is a page created in Cornerstone and it is not the Forum index generated by bbPress. Because of this, there is no way you can have the sitewide layout for your forum related pages.

To have a > Forum, you should enable the breadcrumbs in the customizer, Appearance > Customize > Header > Miscellaneous and turn on the breadcrumbs. If you are not seeing on the page, that would be because you have added a custom css that hides the landmark

.x-header-landmark {
    display: none;
}

Hope this helps.

[pixfli]

Rue–

Thank you for great reply! Just a couple more questions and I’ll be done!

Thanks!

I have made the changes you suggested to https://pixfli.com/forums/.

I have made the forum have a max-width of 700px. I would like the header (from “forum” title to breadcrumbs) to also have max-width of 700px. How can i do this for the forums page and every subsequent page?

Also I would like to apply a background image to the area from the line that runs through the page (through the search bar area) down to the bottom with full width so the image hits both sides of your browser.

Can you please advise me the best way to accomplish this task as well?

I’m very sorry about all the questions, but I do appreciate you.

Thanks,
Ryan

[Christopher]

Hi there,

Please add this :

.bbpress .x-landmark-breadcrumbs-wrap {
    max-width: 700px;
}
body.bbpress .site {
    background-image: url("add image URL here");
}
.bbpress header.x-header-landmark {
    background-color: #fff;
}

Hope that helps.

[pixfli]

thank you!

[Christian]

You’re welcome.

[Author]

Posts