Create an account
On Sale - Peach MyBB Theme - 10$ For limited time Check here
On Sale - Focus Responsive Theme - 20$ For limited time Check here
WallBB Forums  / 

Portal
  How to add onscroll sticky header in GoDark MyBB theme
User Avatar Forum: Theme Documentation
Posted by: WallBB - 03-15-2020, 08:08 PM - No Replies

This tutorial will allow you to add onscroll sticky header in GoDark MyBB theme. Follow these steps to add the onscroll sticky header :-

1. Go to Admin CP > Themes > GoDark Theme > nav.css > Edit in Advanced Mode
2. Add the below code at the bottom of nav.css

Code:
.touchX {
  position: fixed;
  width: 100%
  top: 0;
}

3. Now add the below code in footer template i.e Admin CP > Themes > Templates and Styles > GoDark Templates > Footer Templates > footer
Code:
<script>
window.onscroll = function() {myFunction()};

var header = document.getElementById("stickynav");
var sticky = header.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    header.classList.add("touchX");
  } else {
    header.classList.remove("touchX");
  }
}
</script>


4. Finally go to header template and replace <nav> with
Code:
<nav id="stickynav">

This will allow you to add a beautiful onscroll sticky header to GoDark MyBB theme.

Enjoy Smile

Print this item

Lightbulb (Tutorial) upgrading FA version form 4.7.0 to latest
User Avatar Forum: Theme Support
Posted by: JohnRip3r - 03-13-2020, 11:41 AM - Replies (1)

i use GO DARK theme on my forums and theme is built on FA4 so FA5 icons and web fonts error out because they don't support them
there is a easy solution to resolve this issue.

you need to register  a account on fontawesome. and start a free plan .


[Image: 87fedadb2f327f5808cd23835952cff1.png]

all you need to do is create your first pre-hosted kit
it should  look something like this

[Image: f24fe9af605a6fb5cbf41e4410ff8a9d.png]


Kits uses FA5version  by default but its is redesigned to support FA4.

use pre-hosted kit on your forums
all you need to do this edit this template

Home » Template Sets » GoDark Templates » Edit Template: headerinclude


and add this line of code

Code:
<script src="https://kit.fontawesome.com/yourID.js" crossorigin="anonymous"></script>

now you can finally use FA5 icons on your forums without facing  any problems

Print this item

  Forum registration page and few other pages are not responsive on mobile
User Avatar Forum: Theme Support
Posted by: JohnRip3r - 03-12-2020, 12:57 PM - Replies (2)

Registration page is always like this form day one not complaining but it's is 

[Image: DXWLEix.jpg]

Thread are not responsive at all on mobile

[Image: WZLiyLD.jpg]

This is a good example threads on mobile are not properly formatted. 
On my forums theme has it's own set of problems 
Like uid=289 profile looks different then uid=1 
Has same set of things on both profiles 
css code is effecting responsiveness of theme not sure how but it is.

Print this item

  Header fixed
User Avatar Forum: Theme Support
Posted by: DrPinkelstein - 03-10-2020, 05:54 PM - Replies (5)

Hi there,

Unfortunately I cannot register in my own support forum, although I have to buy the themplate for a fee. I seem to be missing the invitation code, unfortunately.

can you help me heard?

Image: 
   

it is fixed that when scrolling down below stays in there. can you heard me heard a code?

greeting

Print this item

Star Adding Font Awesome ficons without any plugin
User Avatar Forum: Theme Documentation
Posted by: WallBB - 03-05-2020, 12:17 PM - No Replies

Hello,
This tutorial teaches you how to add Font Awesome 4.7.0 icons as ficons without any plugins.
NOTE: Keep a backup of your templates and CSS before making any changes.

1. First of all, replace the code in forumbit_depth2_forum and forumbit_depth2_cat with this code.

Code:
<tr>
<td class="{$bgcolor}" align="center" valign="center"><div class="forum_status forum_{$lightbulb['folder']} forum_{$forum['fid']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-envelope-open" aria-hidden="true"></i></div></td>
<td class="{$bgcolor}" valign="center">
<span class="big_title"><a href="{$forum_url}">{$forum['name']}</a></span>{$forum_viewers_text}<div class="smalltext">{$forum['description']}</div>
{$subforums}
</td>
<td class="{$bgcolor}" valign="center" align="center" style="white-space: nowrap"> {$threads}{$unapproved['unapproved_threads']} <br/> <span class="smalltext">Threads</span> </td>
<td class="{$bgcolor}" valign="center" align="center" style="white-space: nowrap"> {$posts}{$unapproved['unapproved_posts']} <br/> <span class="smalltext">Posts</span> </td>
<td class="{$bgcolor}" valign="center" align="left" style="white-space: nowrap">{$lastpost}</td>
</tr>


2. Now go to Admin CP> Forum and Posts > Forum Management and get the fid for the forum. In our case, fid is 4.

3. Now go to css3.css and add this at the bottom of the css file. In below code, 4 is the fid that we received from forum management.
Code:
.forum_4 i:before {
content: "\f187 ";
}

The above content f187 is unicode that you can get from icon page (https://fontawesome.com/v4.7.0/icon/archive). You can change the unicode for your preferred icon.
Font Awesome 4.7.0 icons - https://fontawesome.com/v4.7.0/icons/


4. Repeat the step 2 and 3 for all the fid and you will have custom forum icons without any plugins.


Regards
WallBB

Print this item

Question Changing widths
User Avatar Forum: Theme Support
Posted by: F3Ri0uS - 02-21-2020, 07:47 PM - Replies (3)

Hello,

I just installed the GoDark theme on my forum and I would like to ask you a few questions to change the widths:

1 / I would like to increase the right width and the left width (see attached photo). What should I change in the CSS file ?
2 / I would like to put the header in "Boxed" mode like the forum (see the red lines in the attached photo). Is it possible to do it? If yes, how should I modify the CSS file ?
3 / When a user posts a message on the forum, this information (nickname, reputation, etc.) is horizontal. Is it possible to pass them vertically to the left of his message ?

   

Thank you for your help.
Best regards.

Print this item

  Orange Theme Not Displaying MyTabs
User Avatar Forum: Theme Support
Posted by: seanstiasny - 02-20-2020, 04:00 PM - Replies (1)

Hi,

I bought the Orange Theme yesterday. One thing I noticed is that on the desktop version of Google Chrome, MyTabs works just fine. However, when I go to the mobile version, there is only two of my tabs. Also, the logo at the top of the page isn’t the same as the one on my desktop.

I would guess that the tabs not being displayed has to do with the width for mobile? Any help would be appreciated.

See the attachment for the mobile and desktop view. It appears that the mobile website will not show more than 2 tabs.

The website is www.milehighfootball.net

Thank you,
Sean

       

Print this item

Thumbs Up Need to download the previous version of orange
User Avatar Forum: Theme Support
Posted by: trainwithavi@gmail.com - 02-16-2020, 10:57 PM - Replies (3)

Hi 
I have not made any edits , no plugin no modificiations whats so ever , and all of a sudden a problem has started since last 3 days 
Its basically a mobile device problem only 
When some body is clicking on the forums name the page freezes there and do not open that forum for you .. 
If one will long press over the forum name obviously it will give you an option of that url and it will open for you in that way , but it actually not works for every one ...
I have 3 themes installed on the board
Rest of the 2 themes are working absolutely fine 
and mind you i have not yet updated to 1.8.22 , since time and plugin update issues , as paid members can get effected on my board 

So can i have the orange theme zip file for 1.8.21 so that i can fresh install it and see if that works and find out what might have gone wrong 

Also to let you know your download module is not working .. i have actually logged in after a year , and now when i am trying to reset my password , it identifies me send me a verification email as well , but that password reset email never comes , i have been trying to do this since last 6 hours but its not workibg 
Anyways 
for now my primary goal is to have the 1.8.21 version of the theme 

Regards

Print this item

  Custom subforum icons
User Avatar Forum: Theme Support
Posted by: JohnRip3r - 01-31-2020, 02:35 PM - Replies (5)

I was suggested to use this plugin here 

community_mybb_com/mods.php?action=view&pid=1259 (replace with dots) 
After installing the plugin. I decided to change ficons I did exactly what was in readme section. Unfortunately it didn't work how it should. . 
Dropping a anchor here. Please help me fix this.

Print this item

  Favicon
User Avatar Forum: Theme Support
Posted by: josephine.hansson - 01-28-2020, 02:46 PM - Replies (3)

I an using Go Dark theme. I have the favicon showing in the tab when I am in the admin control panel. But it is not visible in the forum. There is a speech bubble with three dots inside. How can I remove this and replace it with my favicon? I have uploaded the favicon to the root folder of the MyBB forum and in the Images folder.

Using Firefox browser
Linux Mint laptop
HP Pavillion

All sorted. Found the folder. Go Dark in Images. Changed from .ico to .png Removed generic favicon. All good now.

Print this item

Welcome, Guest
You have to register before you can post on our site.

Username
  

Password
  

Search Forums

(Advanced Search)

Forum Statistics
» Members: 389
» Latest member: nixer55
» Forum threads: 229
» Forum posts: 943

Full Statistics

Online Users
There are currently 21 online users.
» 0 Member(s) | 20 Guest(s)
Yandex

Latest Threads
[Focus Responsive] How to...
Forum: Theme Support
Last Post: artbytes
02-22-2024, 07:23 AM
» Replies: 1
» Views: 2,730
Theme Styles Not Loading
Forum: Theme Support
Last Post: artbytes
11-29-2023, 07:19 AM
» Replies: 0
» Views: 1,109
theme updates for 1.8.30?
Forum: Theme Support
Last Post: amanda_2011
02-03-2023, 02:03 PM
» Replies: 4
» Views: 6,329
WallBB Designs - MyBB the...
Forum: Announcements and Ask for MyBB help
Last Post: WallBB
07-07-2021, 05:35 PM
» Replies: 0
» Views: 3,860
WIP - All theme updates t...
Forum: Announcements and Ask for MyBB help
Last Post: WallBB
07-06-2021, 01:15 PM
» Replies: 1
» Views: 4,540
My Advertisements
Forum: Theme Support
Last Post: WallBB
05-14-2021, 01:51 PM
» Replies: 3
» Views: 7,895
Missing some Focus images...
Forum: Theme Support
Last Post: WallBB
05-07-2021, 02:59 AM
» Replies: 2
» Views: 6,625
[Focus Responsive] no res...
Forum: Theme Support
Last Post: WallBB
05-04-2021, 04:54 AM
» Replies: 3
» Views: 9,787
Focus Help
Forum: Theme Support
Last Post: WallBB
05-04-2021, 04:41 AM
» Replies: 1
» Views: 4,184
[Focus Responsive] Change...
Forum: Theme Support
Last Post: sstrasser
04-05-2021, 05:23 PM
» Replies: 1
» Views: 4,324