Portal

This tutorial will allow you to change color scheme in Focus MyBB Theme.

Focus theme by default has 4 color schemes, adding a custom scheme is quite easy since it is a very modular theme.

These steps will allow you to change color scheme :-
1. Go to Admin CP > Template & Styles > FocusResponsive >
2. Select Yellow as default theme color
3. Inside the theme, open color_yellow.css in Advanced Edit mode (Make sure to make a backup of color_yellow.css)
4. Find and Replace CCBC45 with YOURCOLOR code

Done!

Hope this tutorial helps you add custom color in Focus MyBB theme.
This tutorial is added in support of this thread
https://wallbb.co.uk/forums/showthread.php?tid=297

Regards
WallBB

Hello, greetings from Heidelberg Germany.
My question: How can I edit my own colour sheme in focus theme? 

Thank you.

This tutorial will teach you how to add PM count in header like Facebook in GoDark MyBB theme. (Focus and Orange Already have this inbuilt)

To add the PM count, follow the below steps :-

1. Go To Admin CP > Templates And Styles > Templates > Select GoDark Theme Template
   
2. Go to Header Templates > header_welcomeblock_member
   
3. Replace this line
      
   
   Code:

   <li ><a class="pm_anchor" href="{$mybb->settings['bburl']}/private.php"><i class="fa fa-envelope-open"></i></a></li>
4. with below code
   
   Code:

   <li><a href="{$mybb->settings['bburl']}/private.php"><i class="fas fa-envelope"></i> <span class="pmbg">{$mybb->user['pms_unread']}</a></li>
5. Now go to Admin CP > Templates And Styles > GoDark Theme > css3.css > Edit Advanced Mode and add this at the bottom
   
   Code:

   .pmbg {
    background: #f1654c none repeat scroll 0 0;
    border-radius: 0;
    display: inline;
    font-size: 10px;
    height: 15px;
    padding-left: 2px;
    padding-right: 2px;
}

This tutorial will show you how to Adding a top right menu on Orange MyBB theme. Make sure to backup theme before following this tutorial

First of all, you need to align the Logo to the Left and after that we add secondary menu to the right.
To do that follow the steps below :-

1. Go To Admin CP > Templates And Styles > Orange Theme > global.css > Edit Advanced Mode
   Find .logo in the global.css and replace .logo code with the below code
   
   Code:

   .logo {    float: left;    display: inline-block;    font-size: 55px;    font-weight: 600;    text-shadow: 1px 1px 3px #111;}
2. Now we add the secondary menu on right.
   Go To Admin CP > Templates And Styles > Template > Orange Templates > header
   
3. Replace the below code
   
   Code:

   <div class="logo">     <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> </div>
4. with
   
   Code:

   <div class="header_row">  <div class="header_lcolumn"> <div class="logo">     <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> </div></div>  <div class="header_rcolumn">    <ul class="mob_top_menu">    <li><a href="#">Link</a></li>     <li><a href="#">Link</a></li>     <li><a href="#">Link</a></li>    </ul></div></div>
5. Add the below code at the bottom of global.css
   
   Code:

   ul.mob_top_menu {    list-style-type: none;    margin: 0;    padding: 0;    overflow: hidden;    position: fixed;    top: 0;    width: 100%;    z-index: 1000;}.mob_top_menu li {    float: left;}.mob_top_menu li a {    display: block;    font-size: 11px;    font-weight: bold;    padding: 5px 8px;    text-align: center;    text-decoration: none;}@media screen and (min-width: 420px ) {  .header_lcolumn { margin-right: 50%; }    .header_rcolumn { position: absolute; top: 10%; right: 0; width: 40%; }   }

All MyBB themes at WallBB are updated to MyBB 1.8.21
You can download them from your account
https://wallbb.co.uk/my-account/downloads/


List of changes in templates for ease of upgrade
Template changes -

Focus Responsive - Version 1.16

Hello,

Just purchased the Orange style, very happy with it now that I have changed a few colours in the css. I changed the header background so that it works for my logo which is left positioned.

It leaves a large white space to the right which I was hoping to add a simple menu in there that shows the links to the main website, looking something like


Link1 - Link2 - Link3 - Link4 - Link5

and this menu needs to be responsive.

If you see the attached screenshot, this is where I was hoping to place it.

Hoping to get some advice, thank you.

Attached Files

Thumbnail(s)
   

Hi , 
are there any updates that has to be made to the themes before we upgrade to 1.8.21 
the last version was pain in th #$$# with the authorisation code mismatch problem .. can you please update with this

Hello,

I bought the Go Dark theme for a website I'm working on a few months ago (great product BTW), and I have a few questions for you if you don't mind:

• Is it possible to integrate MyAlerts with this theme? If so, how would I go about it?
  
• Is it possible to have a clear gap between posts? I've been trying to figure out how to do it, but I'm running into a wall figuring out how. I've tried a few things, but I can see where it would be easy for members to get confused about which set of postbit controls belong to what post because of the lack of a gap.
  

You mentioned in another thread that updating themes in MyBB isn't easy right now. That makes it challenging for those of us with custom themes. As a suggestion, might you consider creating a doc of some sort for themes updated detailing what templates were changed and what code was added/removed/modified? That way users could go in and manually make the changes quickly. Maybe this could be a perk for those who have purchased premium themes.

Hi there,

I am looking to change the forum default icons to other font-awesome icons.

How do I do that?

I followed a tutorial on the mybb forum, but it didn't work for me.

Many thanks