On Sale - Peach MyBB Theme - 10$ For limited time Check here
On Sale - Focus Responsive Theme - 20$ For limited time Check here
  Focus Responsive MyBB mobile problem
User Avatar Forum: Theme Support
Posted by: bobek - 11-08-2017, 05:36 PM - Replies (12)

Hello. I have trouble reading private messages on the phone, they are not visible on any phone I checked for 3
The same problem occurs on some tablets if they are horizontal
https://imgur.com/BSP9Adb
https://imgur.com/LrCCYRe

Print this item

Brick How to add google adsense ads in MyBB
User Avatar Forum: Theme Documentation
Posted by: WallBB - 11-08-2017, 11:25 AM - No Replies

This tutorial will tell you how to add google adsense in MyBB, this tutorial can help you add adsense ads in any MyBB theme.
I am using Focus Responsive MyBB theme, you can use any theme you want.
I am using footer area as an example. Suppose the adsense code is below :-

Code:
<div align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567820123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
To do this, go to the footer template in the admin Panel
  1. Go to Admin CP > Templates and Styles  > Template Sets » FocusResponsive Templates » footer
  2. Edit the template, and find <debugstuff>
  3. Below this add, the above adsense code(Use your adsense code)
  4. Save the template and adsense will be installed on your website.
If you don't know how to find adsense code, please read this tutorial
https://support.google.com/adsense/answer/181960?hl=en

Regards
WallBB

Print this item

Thumbs Up How to modify logo in Orange MyBB Theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 11-05-2017, 08:46 AM - Replies (2)

This tutorial will teach you how to modify Logo text or add image based logo in Orange MyBB Theme:-

   

Follow these steps below to add image based logo in Orange MyBB Theme :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Orange Theme Templates
  2. Go to Header Templates > header
  3. Find the below text
           <a href="{$mybb->settings['bburl']}/index.php"><span>{$mybb->settings['homename']}</span> <img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
  4. Change {$mybb->settings['homename']} above to your Forum Name/ Logo name
  5. OR if you want to add image based logo, replace it with this text :-
    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
  6. Make sure you have uploaded the logo and set it properly in theme settings.
That's it!

Hope this tutorial helps you add image based logo in Orange theme.

Regards
WallBB

Print this item

Rainbow How to remove guest welcome message
User Avatar Forum: Theme Documentation
Posted by: WallBB - 11-05-2017, 08:35 AM - No Replies

This tutorial will teach you how to remove guest welcome message in Focus Responsive MyBB Theme:-

   

Follow these steps below to add image based logo in Focus MyBB Theme :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Header Templates > header_welcomeblock_guest
  3. Remove the below code from the template
    Code:
                    <div class="guest_join_us mobile_hide"><span class="float_left" style="margin-right:15px;"><img width="200" height="230" src="{$mybb->settings['bburl']}/images/focus/joinus.png" alt="Guest Join Us"></span><strong>Hey Guest, </strong><br/>Welcome, Join our awesome community where you can discuss on various topics :-<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Some point about your community<br/>
    <i class="fa fa-check" aria-hidden="true" style="color:#7cc700"></i> Much More..
                        <span class="float_right" style="margin-right:100px;"><a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true, zIndex: (typeof modal_zindex !== 'undefined' ? modal_zindex : 9999) }); return false;" class="login button guest_login"><span>Login</span></a> or <a href="{$mybb->settings['bburl']}/member.php?action=register" class="button guest_register"><span>Create an Account</span></a></span></div>

  4. Save the template

    Make sure you have uploaded the logo and set it properly in theme settings.

That's it!

Hope this tutorial helps you remove guest welcome message in Focus MyBB Theme

Regards
WallBB

Print this item

Wink How to modify footer description text in Orange Theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 10-26-2017, 06:10 AM - Replies (1)

This tutorial will show you how to modify theme footer description text in Orange MyBB theme.

   
To Modify the text above, follow the below steps :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Orange Theme Templates
  2. Go to Index Templates > index
  3. Modify the below text to your liking

    Code:
    Orange is a beautiful theme design as the name suggests, it's really orange. It is perfect theme for all purpose forums.Completely responsive and tested Orange MyBB Theme.


That's it!

Hope this tutorial helps you to add custom forum description text in Orange MyBB theme.

Regards
WallBB

Print this item

Star How to add image based logo in Focus MyBB Theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 10-26-2017, 05:46 AM - Replies (2)

This tutorial will teach you how to add image based logo in Focus MyBB Theme:-

   

Follow these steps below to add image based logo in Focus MyBB Theme :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Header Templates > header
  3. Remove the below text

    Code:
             <a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-bolt" style="color: #fcb941;"></i> {$mybb->settings['homename']}</a>


  4. Replace it with this
    Code:
    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
  5. Make sure you have uploaded the logo and set it properly in theme settings.

That's it!

Hope this tutorial helps you add image based logo in Focus Responsive theme.

Regards
WallBB

Print this item

Star How to modify header announcement in Focus MyBB Theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 10-26-2017, 05:40 AM - No Replies

This tutorial will teach you how to modify header announcement in Focus MyBB Theme:-

   

Follow these steps below to modify header announcement in Focus Responsive theme :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Header Templates > header
  3. Replace the below text with your announcement

    Code:
    I am super Awesome Announcement, with links and can be used to announce important things. <a href="{$mybb->settings['bburl']}/index.php" title="Announcement Link"><u>Check here</u> <i class="fa fa-external-link" aria-hidden="true"></i></a>


That's it!

Hope this tutorial helps you modify header announcement in Focus Responsive theme.

Regards
WallBB

Print this item

Lightbulb How to modify sidebar advertisement with your advertisement in Focus MyBB theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 10-25-2017, 03:37 PM - No Replies

This tutorial will teach you how to modify sidebar advertisement with your advertisement in Focus MyBB theme. We are using the latest posts in sidebar plugin by SvePu which you can download below :-

   

Follow these steps below to add advertisement in sidebar in Focus Responsive theme :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Index Templates > index
  3. Replace the below
    Please use contact us to advertise here, dimensions 250px X 250px
  4. With this
    <a href="Your advertiser url"><img src="your advertiser image" alt="advertisement" style="width:250px;height:250px;"></a>
That's it!

Hope this tutorial helps you modify sidebar advertisement with your advertisement in Focus MyBB theme.

Regards
WallBB

Print this item

Wink How to add latest post in sidebar in Focus Responsive theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 10-25-2017, 03:31 PM - Replies (17)

This tutorial will teach you how to add latest post in sidebar in Focus Responsive Theme(it will work in other theme as well). We are using the latest posts in sidebar plugin by SvePu which you can download below :-

   

.zip   Latest_Posts_on_Sidebar_1.1.zip (Size: 7.19 KB / Downloads: 85)
It uses the plugin by SvePu
https://community.mybb.com/thread-162649...pid1195131

Follow these steps below to add recent post in sidebar in Focus Responsive theme :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Index Templates > index
  3. Replace the below
    Code:
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"><tr><td class="thead"><strong><i class="fa fa-comments"></i> Recent Posts</strong></td></tr><tr><td class="trow1">Please use any recent posts plugin to show recent threads.</td></tr></table>
    With this
    Code:
    {$sidebar}

That's it!

NOTE: If you are getting double sidebar, then replace this
Code:
<div style="float:{$left};width: 80%;">{$forums}</div>
<div style="float:{$right};width:19%;">{$sidebar}</div>
with

Code:
{$forums}

Hope this tutorial helps you to add recent thread/post in sidebar in Focus MyBB theme or in any theme.

Regards
WallBB

Print this item

Thumbs Up How to modify advertise links in footer
User Avatar Forum: Theme Documentation
Posted by: WallBB - 10-25-2017, 03:06 PM - No Replies

This tutorial will show you how to modify advertise links in footer in Focus MyBB theme.
[attachment=3]

To Modify the text above, follow the below steps :-

  1. Go To Admin CP > Templates And Styles > Templates > Select Focus Theme Templates
  2. Go to Footer Templates > footer
  3. Modify the below text to your liking
    <i class="fa fa-align-justify"></i>  Advertise</h4><ul><li><a href="#"><i class="fa fa-bolt"></i> Link 1</a></li><li><a href="#"><i class="fa fa-bolt"></i> Link 2</a></li><li><a href="#"><i class="fa fa-bolt"></i> Link 3</a></li><li><a href="#"><i class="fa fa-bolt"></i> Link 4</a></li>
Example is :- # can be replaced with a link and Link 1 to be replaced with link.
That's it!

Hope this tutorial helps you to modify advertise links in footer in Focus MyBB theme

Regards
WallBB

Print this item