Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #898708
    quituck
    Participant

    Hi,
    Is there a way I can make the forum side bar smaller or move the content more to the right and expand the length of the forum on the left?

    Thanks

    #898712
    quituck
    Participant
    This reply has been marked as private.
    #898810
    quituck
    Participant

    Hi,
    I was also wondering is you can advise me on how to add a logo or image between the title and search bar? I would like like to know how can I change the title text on the forum page from forum to something different?
    Thank you

    #899677
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Can you please share the forum link so we can take a closer look?

    Thanks!

    #900326
    quituck
    Participant
    This reply has been marked as private.
    #901544
    Rupok
    Member

    Hi there,

    Thanks for updating.

    #1. You can increase the container size for that page :

    .bbpress.forum-archive .x-container.max {
      max-width: 1400px;
      width: 90%;
    }

    #2. To change the title and add image, you can add this under Custom > JavaScript in the Customizer.

    jQuery(document).ready(function($) {
    
    // add image
      var html = '<img class="forum-top-img" src="http://affordablecarprojects.com/wp-content/uploads/2016/04/serveimageiu.jpg"/>';
      $( html ).appendTo('.bbpress.forum-archive .x-main');
      
    // change forum title
      $('.bbpress.forum-archive .h-landmark span').text("Place your forum title");
    
    });

    Then use this CSS :

    .forum-top-img {
      display: block;
      margin-bottom: 15px;
      width: 100%;
    }
    

    Don’t forget to change the image URL and text.

    Hope this helps.

    Cheers!

    #912431
    quituck
    Participant

    Hi,
    yes this helped, however I ran into a minor issue uploading an image. The image appears at the bottom of the forum instead of the top between the title and the search bar. Any idea how to fix this?

    Thanks

    #912745
    Thai
    Moderator

    Hi There,

    Please update the previous Javascript code a bit:

    jQuery(document).ready(function($) {
    
    // add image
      var html = '<img class="forum-top-img" src="http://affordablecarprojects.com/wp-content/uploads/2016/04/serveimageiu.jpg"/>';
      $( html ).prependTo('.bbpress.forum-archive .x-main');
      
    // change forum title
      $('.bbpress.forum-archive .h-landmark span').text("Place your forum title");
    
    });

    Hope it helps 🙂

  • <script> jQuery(function($){ $("#no-reply-898708 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>