[Resolved] Add Page Headers to BBpress?

Home Forums Support Add Page Headers to BBpress?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #189317
    Gerik

    Anyone can direct me?

    #189359
    Tom
    Lead Developer
    Lead Developer

    Currently not possible with the add-on. You would have to use GP Hooks with the is_bbpress() conditional.

    Let me know if you need more info ๐Ÿ™‚

    #189363
    Gerik

    more info!

    I can not write wordpressnese

    #189394
    Tom
    Lead Developer
    Lead Developer

    So using GP Hooks, you would add something like this to the “After Header” hook:

    <?php if ( is_bbpress() ) : ?>
        <div class="page-header-image grid-container grid-parent generate-page-header">
                <img src="URL TO YOUR BBPRESS HEADER IMAGE" alt="" itemprop="image">
          </div>
    <?php endif; ?>

    Then check the “Execute PHP” checkbox.

    #189850
    Gerik

    Thanks,

    To make it a bit more complex I usually have a fluid background image. I put the

    • content as . (a period)
    • Add Padding
    • Add background image
    • Container type: FLuid

    This is what I done so far.

    <?php if ( is_bbpress() ) : ?>
    <div class="page-header-content generate-page-header generate-content-header">
    				<div class="inside-page-header-container inside-content-header grid-container grid-parent ">
    					<div class="inside-page-header">
    						.
    					</div>
    				</div>
    			</div>
    <?php endif; ?>

    and the css as

    .bbpress .generate-content-header {
        background-image: url(https://s3.amazonaws.com/x.jpg);
        background-size: cover;
    }
    .bbpress .inside-page-header {
        background-color: none!important;}

    I can’t get rid of the white background.

    #189863
    Gerik

    fixed!

    .bbpress .inside-page-header {
        background-color: transparent;!important;}
    #189931
    Tom
    Lead Developer
    Lead Developer

    Glad you fixed it!

    Instead of the period, just use an empty HTML element:

    <span></span>

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.