Tagged: x
-
AuthorPosts
-
April 25, 2016 at 9:45 am #898708
quituckParticipantHi,
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
April 25, 2016 at 9:46 am #898712
quituckParticipantThis reply has been marked as private.April 25, 2016 at 10:42 am #898810
quituckParticipantHi,
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 youApril 25, 2016 at 11:30 pm #899677
Nabeel AModeratorHi there,
Thanks for writing in! Can you please share the forum link so we can take a closer look?
Thanks!
April 26, 2016 at 8:24 am #900326
quituckParticipantThis reply has been marked as private.April 27, 2016 at 2:06 am #901544
RupokMemberHi 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!
May 4, 2016 at 8:19 am #912431
quituckParticipantHi,
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
May 4, 2016 at 11:19 am #912745
ThaiModeratorHi 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 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-898708 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
