Link to the theme (https://custom.simplemachines.org/index.php?theme=2837)

(https://www.buymeacoffee.com/webtiryaki)
Wide is Super Flexible, Responsive and Bootstrap Based theme with Unlimited Options. It's Quite User Friendly with Sticky Tables, Retina Display and Attractive User Interface.
BoardIndex.template
off

Login

on

off menu

Mobile

Mobile menu
Nice theme, why not change link colors to match?
I will try it. A lot of responsive themes do not work properly - menu problems.
Only thing I do not like is the side menu. The reason is that I (and many people) use Simple Portal (one of the most popular mods) so I end up with 2 side columns. Would be nice if there was an option to have the menu on the top all the time.
Still, I will give it a try as it looks pretty good and a lot of our forum users access the site from their phone. I had to go back to Curve as there were so many problems with themes and mods, or mobile theme menus not working.
Hi, I did not fully understand where mistakes
here demo (http://webtiryaki.esy.es/index.php?theme=3)
work mobile
I have not found any 'mistake' with your theme. The problems were with other themes.
This theme looks pretty responsive to me.
There is a mistake in this theme throwing a lot of error:
The function theme_linktree in index.template.php is using $scripturl w/o declaration.
line 675 is
global $context, $settings, $options, $shown_linktree;
has to be
global $context, $settings, $options, $scripturl, $shown_linktree;
Hi
I've downloaded the theme and it is in my Themes directory, fully expanded.
However, it will not install.
I added the directory name to the path for /Themes/Wide (and also tried vWide) and install icon clicking is not responsive :(
Now what please?
Thanks in advance.
Never mind. I figured it out.
Thanks anyway.
Now on to the next issue..... LOL
Very nice theme!
Hi,
Very nice theme !!
I've the default theme installed 'smf default theme- curve' and have add "add seller pro" (http://www.smfhacks.com/ad-seller-pro.php (http://www.smfhacks.com/ad-seller-pro.php)) who is working well and I've some banner on the header and articles.
My problem is: when, I swith to this theme, the banner are not more visible.
Do I need to insterd the php code of the add seller pro on a page?
Thank you for your help
I have just installed this theme on my forum http://www.engrz.org in starting it looks fine.
Quote from: engrz on March 30, 2016, 11:04:20 AM
I have just installed this theme on my forum http://www.engrz.org in starting it looks fine.
the ads are covering the forum when scrolling down, probably you want to fix that ;) I would remove transparency from the menu
Nice template, congrats ;)
i have a problem with theme, when on mobile or similar screen the top menu with search is following, it is like float menu. as i move down menu folows down, so i can not see a thing on forum..is this normal with this theme or just me
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop. But it show on mobile. And also the Position Toolbar like ( HOME , ADMIN , MEMBER , SEARCH , MODERATE ) are fixed. Is there any way I can make it to scroll up and down.
I like this theme, thank you. It also fixes the auto snap arrange issue that doesn't work quite right the on the stock 2.0.11 theme. Though, this theme does need some tweaking to make it better, but I believe this is a great foundation for me to learn from.
Hello
how to remove transparency or adjust ads in this templates? due to this hiding structure i just removed the theme.
Quote from: jokkovitch on March 11, 2016, 10:32:59 AM
There is a mistake in this theme throwing a lot of error:
The function theme_linktree in index.template.php is using $scripturl w/o declaration.
line 675 is
global $context, $settings, $options, $shown_linktree;
has to be
global $context, $settings, $options, $scripturl, $shown_linktree;
This! Thank you!
I'm using the theme. It is very impressive in looks. One small problem, the top blue Home icon doesn't link to the Index page, which it should. It doesn't do any thing on clicking.
in mobile devices "Users Online" section only shows number of logged in users and don't show number of guests.
Please how can I make it to show both logged in users and guests as it is when view in desktop?
I'm using it and it's wonderful! Thank you!
One question, how do I get the post icons to show up on the index page in mobile view?
Quote from: ndmccain on July 05, 2016, 01:49:48 PM
I'm using it and it's wonderful! Thank you!
One question, how do I get the post icons to show up on the index page in mobile view?
Use firebug or if you use Google Chrome you can inspect elements, that will show you where it all happens :)
this theme has a lot of errors in error log. i dont understand why?
Quote from: engrz on August 11, 2016, 02:18:47 PM
this theme has a lot of errors in error log. i dont understand why?
Would you care to list the errors? Then we might be able to see whats happening.
can't add add mod to it.. missing a line in index.template.php
echo '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}]
is missing
I have used this theme and really like it, the issue I have is on older, smaller mobiles, the user bar with "Unread Replies Logout" floats over the forum categories making it impossible to select any. This seems to keep out of the way on larger mobiles like my Galaxy S6 but iphone 4's and the mini versions of samsungs have issues.
My forum is vjmc(hyphen)tb(dot)co(dot)uk(slash)forum
can you point me in the right direction to correct this or maybe fix this at the top of the selections so that it scrolls away as you move down the page?
Quote from: Xpresskonami on April 02, 2016, 07:05:54 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop. But it show on mobile. And also the Position Toolbar like ( HOME , ADMIN , MEMBER , SEARCH , MODERATE ) are fixed. Is there any way I can make it to scroll up and down.
This looks like the same issue that I have, is there a fix for this, where can I find this element so that it can be made to scroll out of the way on mobiles
Thanks. :D
Can anyone help with this please, it seems like it should be easy to fix if I knew where to go. It seems that the view switches once the width reduces below about half screen (on my pc screen) and it's there that the header needs changing to sit above the forum body and scroll away as you scroll down and not stay covering the top of the screen.
I have just found also that the theme throws up an error if you try to access your profile. I'll try to get a note when I get back on my PC .
Many thanks in advance for any help and if I'm asking in the wrong place then apologies can I be pointed to the right place please.
thanks, Andy.
Quote from: andyt1320 on November 01, 2016, 10:12:03 AM
I have used this theme and really like it, the issue I have is on older, smaller mobiles, the user bar with "Unread Replies Logout" floats over the forum categories making it impossible to select any. This seems to keep out of the way on larger mobiles like my Galaxy S6 but iphone 4's and the mini versions of samsungs have issues.
My forum is vjmc(hyphen)tb(dot)co(dot)uk(slash)forum
can you point me in the right direction to correct this or maybe fix this at the top of the selections so that it scrolls away as you move down the page?
I was having a similar issue, and since I'm not that experienced with responsive css, it took some trial and error to try to resolve my issue.
What I ended up doing was going to the Theme folder's css sub-folder and finding the responsive.css file. Then inside, look for ".inventea-wrapper" and add
background: transparent;
to the end of it (before the bracket) and make sure border is set to 0.
It may not be a "pretty" fix, but I'm gonna settle for it until the theme author or someone else with more experience can help.
Thanks wicked1 isn't that going to just deal with the bar and make the background see-through rather than the ideal solution to make the forum logo and bar both scroll up out of the way along with the page?
The other issue I mentioned is with the profile, this is the error that I get:
Parse error: syntax error, unexpected T_IS_EQUAL, expecting '(' in /home/vjmctbco/public_html/forum/Sources/Profile-View.php on line 403
Any help gratefully received of I will probably run out of patience with this one and look for a different theme without these issues.
In the index.css at line 3610 I have changed Position: Fixed; into Position: Relative; as this deals with the header area in the left border so when you use a mobile to view the forum, which is not very wide and it tries to re-order everything into a column, it leaves the header at the top of the page and it scrolls up out of the way. Result, but probably not the most elegant way of getting there!
Just the profile issue to look at now. Any help on that one would be gratefully received.
thanks.
So as if to prove that I really could use some help here... the "fix" in my last post works great on desktops at high resolutions and on mobiles but is all screwed uo now on tablets and older laptops! :o :-[
I guess as there has been no help coming on this theme, I'd better just delete it out and try to find something that works. Perhaps I should have realised that some of the themes out there are only any good to you if you really know css and can fix them so the work on your forum!
I think I'm alone in here.... I can hear an echo.......echo.......echo..
I like this theme but i have a problem with this mod: https://custom.simplemachines.org/mods/index.php?mod=3012
I don't see Topic Description in post list...
I get the following error upon trying to install SMF 2.0.14
Execute Modification ./Themes/vVide/index.template.php Test failed
1. Replace ./Themes/vVide/index.template.php Test successful
2. Replace ./Themes/vVide/index.template.php Test failed
As soon as I can figure out how to uninstall I will. It is not being used on my forum at all.
Quote from: Xpresskonami on April 02, 2016, 07:05:54 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop. But it show on mobile. And also the Position Toolbar like ( HOME , ADMIN , MEMBER , SEARCH , MODERATE ) are fixed. Is there any way I can make it to scroll up and down.
Please respond to this
Quote from: VJA on June 02, 2017, 10:29:44 AM
I get the following error upon trying to install SMF 2.0.14
Execute Modification ./Themes/vVide/index.template.php Test failed
1. Replace ./Themes/vVide/index.template.php Test successful
2. Replace ./Themes/vVide/index.template.php Test failed
As soon as I can figure out how to uninstall I will. It is not being used on my forum at all.
you need to do the edits on boardindex and you're good.
Quote from: veruskapt on June 19, 2017, 01:27:34 PM
Quote from: VJA on June 02, 2017, 10:29:44 AM
I get the following error upon trying to install SMF 2.0.14
Execute Modification ./Themes/vVide/index.template.php Test failed
1. Replace ./Themes/vVide/index.template.php Test successful
2. Replace ./Themes/vVide/index.template.php Test failed
As soon as I can figure out how to uninstall I will. It is not being used on my forum at all.
same too. but i didnt install the smf 2.0.14 anymore, i just leave it in version 2.0.13
you need to do the edits on boardindex and you're good.
Have just installed this theme and I like it a lot.
I have had a couple of errors which I cannot resolve.
*********************************************************
8: Undefined index: current_theme
/Themes/vVide/index.template.php
Line: 443
439: // Theme settings
440: if ($act == 'admin')
441: echo '
442: <li>
==>443: <a href="', $scripturl, '?action=admin;area=theme;sa=settings;th=', $settings['theme_id'], '">', $txt['current_theme'], '</a>
2: in_array() expects parameter 2 to be array, null given
/Themes/vVide/index.template.php
Line: 415
// Remove useless actions from menu
==>415: if (in_array($act, $prevent_actions))
***********************************************************
Does anyone have an idea on how I can resolve these errors?
Thank you.
In iphone when click Login it not respond.
(desktop,android OK)
Where can I find/remove/replace the New Posts, No New Posts, and the Redirect Board icon list:
https://www.dropbox.com/s/w6146o0ypucx2iv/postIconsExample.jpg?dl=0
Quote from: mysimplesite on October 22, 2017, 04:13:54 PM
Where can I find/remove/replace the New Posts, No New Posts, and the Redirect Board icon list
Solved. Replaced icons.
Some sidebar menu items missing icons. How/where do I add link to custom icon for sidebar menu items?
Hello there
./index.css
Find
/*icons*/
Add After
.fa-forum:before{content: "\f0e6"}
Thanks gecitli. I think I can figure it out now.
Hi gecitli. Icon additions/changes to left sidebar navigation area worked fine. Thanks for a great theme and your quick response.
Does anyone know how to fix these errors in the theme's index.template.php? Am using SMF2.0.14
Quote from: assemblytube on August 08, 2017, 03:29:50 PM
Have just installed this theme and I like it a lot.
I have had a couple of errors which I cannot resolve.
*********************************************************
8: Undefined index: current_theme
/Themes/vVide/index.template.php
Line: 443
439: // Theme settings
440: if ($act == 'admin')
441: echo '
442: <li>
==>443: <a href="', $scripturl, '?action=admin;area=theme;sa=settings;th=', $settings['theme_id'], '">', $txt['current_theme'], '</a>
2: in_array() expects parameter 2 to be array, null given
/Themes/vVide/index.template.php
Line: 415
// Remove useless actions from menu
==>415: if (in_array($act, $prevent_actions))
***********************************************************
Does anyone have an idea on how I can resolve these errors?
Thank you.
Where do I change the font size in Last Post column? I'd like to make it the same font size as set for text in posts and threads.
SMF 2.0.14, php7
How do I add social media share buttons like those displayed on the SMF Community Forum page for this theme?
Quote from: mysimplesite on October 31, 2017, 06:30:07 PM
Where do I change the font size in Last Post column? I'd like to make it the same font size as set for text in posts and threads.
Made change in CSS
Quote from: mysimplesite on November 04, 2017, 08:08:53 AM
SMF 2.0.14, php7
How do I add social media share buttons like those displayed on the SMF Community Forum page for this theme?
Depends where you want to place there are many addons ready to place them you just need to know some HTML and CSS to leave it to your liking!
Regards!
Quote from: mysimplesite on October 31, 2017, 06:30:07 PM
Where do I change the font size in Last Post column? I'd like to make it the same font size as set for text in posts and threads.
For this you must look in your CSS and with the navigator of elements of the navigator that you use it must be easy to locate it;)
Regards!
Quote from: tanawat on August 09, 2017, 01:54:40 PM
In iphone when click Login it not respond.
(desktop,android OK)
I have the same issue. On iphone the main Login just works if you are inside a post(display.template.php).
Boarindex.template.php and messageindex.template not..
Nice themes 8)
When I close the side menú it redirect me to the index of the forum.
If someone just want to open and close it in board.template or display.template they should be able to stay there
Best theme for me but there is a problem with low resolution displays - sidebar is way too big!
When i click top left button for off menu it shrinks and looks great. But as soon as i click anything else it gets large again!
Is there a possibility for a sidebar to always be small (off menu) with icons instead of text or when you click the off menu icon (top left) that it stays always small and not change when you open any other link, cause it eats space on my low resolution and i dont want to remove it with minimizing my browser window?
I'm trying this theme out
There is a problem with the search button

There is no magnifying glass but ï €, (is is a dutch forum)
Hi these codes are you a silly fonticon?
input.search_button {
background: none;
background-color: rgb(123, 186, 168);
float: left;
height: 35px;
width: 42px;
text-align: center;
line-height: 35px;
border: 0;
cursor: pointer;
color: #FFF;
font: normal normal normal 14px/1 FontAwesome;
font-size: 16px;
text-rendering: auto;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease;
}
Quote from: gecitli on December 03, 2017, 04:29:00 AM
Hi these codes are you a silly fonticon?
input.search_button {
background: none;
background-color: rgb(123, 186, 168);
float: left;
height: 35px;
width: 42px;
text-align: center;
line-height: 35px;
border: 0;
cursor: pointer;
color: #FFF;
font: normal normal normal 14px/1 FontAwesome;
font-size: 16px;
text-rendering: auto;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease;
}
I found the code in \vVide\ css \ web tiryaki.css
It is exactly the same code
hello what is your web address.
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.
www.hobbybrouwen.nl
The theme has not yet been made available to members. I'm testing ...
There are also many error messages. These are related to the mod Google Member Map. Probably they will be solved after an update of this mod.
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.
Is there a solution for the side bar issue(if I close or open it it re-directs to the index)? :(
Quote from: jacbier on December 03, 2017, 07:34:58 AM
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.
There are also many error messages. These are related to the mod Google Member Map. Probably they will be solved after an update of this mod.
I just updated the mod. There are still many error messages.
It is mainly these two errors
http://www.hobbybrouwen.nl/forum/index.php?action=theme;sa=pick;u=1;c5ad096db=********
8: Undefined variable: prevent_actions
******/forum/Themes/default/languages/GoogleMap.dutch.php (body_above sub template - eval?)
Regel: 415
http://www.hobbybrouwen.nl/forum/index.php?action=theme;sa=pick;u=1;c5ad096db=********
2: in_array() expects parameter 2 to be array, null given
******/forum/Themes/default/languages/GoogleMap.dutch.php (body_above sub template - eval?)
Regel: 415
hello the language you are using the problem with the exchange of files.
Thanks, the problem with the magnifying glass is solved.
There are still a lot of error messages.
I do not have those if the default theme is used.
ok no new smf update in theme.js file do not forget to use the latest file do not get error
I have installed the theme modification.
Great job! No error messages anymore.
i cant see news. where can i find it?
Quote from: jack001 on December 24, 2017, 10:19:18 AM
i cant see news. where can i find it?
Admin-Configuration- Current Theme-Show news fader on board index:
Really like this theme it's just what I need. I only have one issue that I cannot seem to resolve and am hoping someone can help!
At the top of the slide in menu where the little "teachers hat" logo is, the name of my forum doesn't actually fit as it's too long. Is it possible to remove the name altogether (I'm not bothered about it being there) and also I'd like to change the little logo but can't find it's location. If anyone could help I'd be very grateful.
Thank you.
Quick edit. Have sorted the forum name issue by reducing the font size in the css. If anyone knows how I can edit the logo that would be great !! ;)
adding social media icon at the bottom of the theme to connect. and quick login should also include social connect icon. Is it possible to do changes?
index.template.php
Find
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<footer class="main-footer">
<ul class="reset">
<li class="copyright">',theme_copyright(),' | ' , $txt['wt_copyright'], '</li>
<li><a id="button_xhtml" href="http://validator.w3.org/check?uri=referer" target="_blank" class="new_win" title="', $txt['valid_xhtml'], '"><span>', $txt['xhtml'], '</span></a></li>
', !empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']) ? '<li><a id="button_rss" href="' . $scripturl . '?action=.xml;type=rss" class="new_win"><span>' . $txt['rss'] . '</span></a></li>' : '', '
<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
</ul>';
// Show the load time?
if ($context['show_load_time'])
echo '
<p>', $txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</p>';
echo '</footer>', !empty($settings['forum_width']) ? '
</div>' : '';
}
Replace With
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<footer class="main-footer">
<ul class="reset col-md-6">
<li class="copyright">',theme_copyright(),' | ' , $txt['wt_copyright'], '</li>
<li><a id="button_xhtml" href="http://validator.w3.org/check?uri=referer" target="_blank" class="new_win" title="', $txt['valid_xhtml'], '"><span>', $txt['xhtml'], '</span></a></li>
', !empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']) ? '<li><a id="button_rss" href="' . $scripturl . '?action=.xml;type=rss" class="new_win"><span>' . $txt['rss'] . '</span></a></li>' : '', '
<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>
</ul>
<ul class="quicknav col-md-6">';
if(!empty($settings['st_facebook_username']))
echo '
<li><a class="social_icon facebook" href="https://facebook.com/', $settings['st_facebook_username'] , '" target="_blank"><span class="fa fa-facebook"></span></a></li>';
if(!empty($settings['st_twitter_username']))
echo '
<li><a class="social_icon twitter" href="https://twitter.com/', $settings['st_twitter_username'] , '" target="_blank"><span class="fa fa-twitter"></span></a></li>';
if(!empty($settings['st_youtube_username']))
echo '
<li><a class="social_icon youtube" href="https://youtube.com/user/', $settings['st_youtube_username'] , '" target="_blank"><span class="fa fa-youtube"></span></a></li>';
if(!empty($settings['st_instagram_username']))
echo '
<li><a class="social_icon instagram" href="https://instagram.com/', $settings['st_instagram_username'] , '" target="_blank"><span class="fa fa-instagram"></span></a></li>';
if(!empty($settings['st_gplus_username']))
echo '
<li><a class="social_icon gplus" href="https://plus.google.com/u/0/', $settings['st_gplus_username'] , '" target="_blank"><span class="fa fa-google-plus"></span></a></li>';
echo '
<li><a class="social_icon rss" href="', empty($settings['st_rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['st_rss_url'] . '', '" target="_blank"><span class="fa fa-rss"></span></a></li>
</ul>';
// Show the load time?
if ($context['show_load_time'])
echo '
<p>', $txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</p>';
echo '</footer>', !empty($settings['forum_width']) ? '
</div>' : '';
}
languages-ThemeStrings.english.php
Find
$txt['wt_copyright'] = '<span>Design by <a href="http://webtiryaki.com/" target="_blank">Webtiryaki</a></span>';
Add After
$txt['st_facebook_username'] = 'Facebook username';
$txt['st_twitter_username'] = 'Twitter username';
$txt['st_youtube_username'] = 'Youtube username';
$txt['st_instagram_username'] = 'Instagram username';
$txt['st_gplus_username'] = 'Google Plus username';
$txt['st_rss_url'] = 'RSS URL';
$txt['st_rss_url_desc'] = 'Set the URL for the RSS feed.';
$txt['st_social_desc'] = 'Write the username or the id to show the button';
Settings.template.php
Find
array(
'id' => 'forum_width',
'label' => $txt['forum_width'],
'description' => $txt['forum_width_desc'],
'type' => 'text',
'size' => 8,
),
'',
Add After
array(
'id' => 'st_facebook_username',
'label' => $txt['st_facebook_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_twitter_username',
'label' => $txt['st_twitter_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_youtube_username',
'label' => $txt['st_youtube_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_instagram_username',
'label' => $txt['st_instagram_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_gplus_username',
'label' => $txt['st_gplus_username'],
'description' => $txt['st_social_desc'],
'type' => 'text',
),
array(
'id' => 'st_rss_url',
'label' => $txt['st_rss_url'],
'description' => $txt['st_rss_url_desc'],
'type' => 'text',
),
'',
index.css
find
.main-footer {
text-align: center;
}
Replace With
/* The footer wih copyright links etc. */
.main-footer
{
/* text-align: center; */
}
webtiryaki.css
Find
.main-footer {
background: #fff;
padding: 15px;
color: #444;
border-top: 1px solid #d2d6de;
}
Replace With
.main-footer {
background: #fff;
padding: 15px;
min-height: 75px;
color: #444;
border-top: 1px solid #d2d6de;
}
index.css
find
.navbar-custom-menu i {
margin-right: 10px;
}
Add After
.quicknav {
line-height: 30px;
text-align: right;
}
.quicknav li {
padding: 0;
list-style: none;
padding: 0 0 0 3px;
display: inline-block !important;
text-align: right;
float: right;
}
.quicknav .social_icon {
display: block;
height: 30px;
width: 30px;
padding: 0;
text-align: center;
line-height: 30px;
border-radius: 100%;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 1px 0 rgba(100,100,100,0.2);
color: #444;
}
Admin-Configuration- Current Theme- activated
did not work. want to have login using oneall.com social login at quick login.
login doesn't show pic. why?
Give your img folder an default_avatar.png
Themes/vVide/images/default_avatar.png
Quote from: gecitli on January 14, 2018, 01:40:32 PM
Give your img folder an default_avatar.png
Themes/vVide/images/default_avatar.png
ok thanks. it worked. dont know how it got removed.
The theme is working well for me.
A small problem.
When looking at the memberlist or who is online, the useron.gif does not show up.
Instead the broken image icon appears, as shown in the attached image.
I have checked that useron.gif is in the theme images folder, and it is there.
Any idea why it does not appear correctly?
Thank you
I like this
Found that the missing online icon was browser dependent.
I had been using Opera.
The icon IS visible in Chrome and Firefox. So mark this problem as solved.
Thank you.
Quote from: assemblytube on January 16, 2018, 08:31:55 AM
The theme is working well for me.
A small problem.
When looking at the memberlist or who is online, the useron.gif does not show up.
Instead the broken image icon appears, as shown in the attached image.
I have checked that useron.gif is in the theme images folder, and it is there.
Any idea why it does not appear correctly?
Thank you
place it in the Themes/vVide/images folder
how to add social login under pop up login?
anyone know how to add icon to quiz?
tehemes-index.css
Find
.fa-calendar_post_event:before {content: "\f067";}
Add After
.fa-SMFQuiz:before {content:"\f059";}
Quote from: gecitli on January 22, 2018, 06:49:13 AM
tehemes-index.css
Find
.fa-calendar_post_event:before {content: "\f067";}
Add After
.fa-SMFQuiz:before {content:"\f059";}
thanks it worked!
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';
Add after:
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
I am trying to change manually but no luck. Can someone guide me what should i do?
Quote from: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';
Add after:
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
I am trying to change manually but no luck. Can someone guide me what should i do?
./Themes/wide/index.template.php
Find
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>
Add After:
';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '
Quote from: gecitli on January 25, 2018, 12:44:18 PM
Quote from: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';
Add after:
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
I am trying to change manually but no luck. Can someone guide me what should i do?
./Themes/wide/index.template.php
Find
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>
Add After:
';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '
thanks it worked!!
and how to add like button just like we did on quiz by this
.fa-SMFQuiz:before {content:"\f059";}
.fa-like_post_stats:before {content: "\f08a";}
Well First up I all I would like to thanks a lot to the author Gecitli for providing such a wonderful responsive theme for us.
Kudos for your effort.
Some errors are expected but you have been very quick and keen in replying to queries and solving many such errors for other users.
Myself went through the discussions here and fixed some stuffs like defaultavatar, noavatar , and useron.gif issues. They are working good now. But there are few issues on my own forum that haven't been discussed here yet. I'm not sure whether it is particular to my case or others are facing the same issue.
1) The menu icon doesn't show the menu but redirects to the index page
2) Site Logo isn't shown properly and hides somewhere behind the hat icon in top left corner in Desktop. Same case in mobile. Also wanted to know what would be the optimal size for the banner. (Was using 1500x120 px banner in default theme and it was working fine, wish to use same here at the top of the page ) and how could you remove the hat icon
3) Same issue is with the site slogan and it isn't shown anywhere (text or image) , also could you set image as site slogan like in default theme
Have installed the theme for few days now and I really like it a lot and truly appreciate your effort. Just these few things bothering me.
I am sure you will provide a solution though.
My website is www(dot)ramailoforum(dot)com - Please do check it and analyze if you may.
Thanks in advance and Regards.
hi there,
thanks for the awesome theme. For me this theme was the decider between phpbb and SMF ;D
everything is perfect so far.
There is a little issue on mobile site though. The avatar image is not appearing correctly. Take a look
Hello RamailoForum.com , if you edit the logo, many features will not work but instead create a field like the one shown in the picture,

index.template.php
Find:
<section class="content">
Add After:
<div class="top-banner">
<a class="logo_destop" title="' . $context['forum_name'] . '" href="'.$scripturl.'"></a>
<div class="news normaltext hidden-xs hidden-sm">';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>';
echo '
</div>
</div>';
index.css
Find:
/* Styles for print media.
Add Before:
.content-wrapper .top-banner {
color: #fff;
padding: 10px;
height: 100px;
min-height: 132px;
margin-bottom: 3px;
position: relative;
background-size: cover;
box-sizing: border-box;
background-color: #263238;
-webkit-border-radius: 0.3em 0.3em 0em 0em;
-moz-border-radius: 0.3em 0.3em 0em 0em;
-ms-border-radius: 0.3em 0.3em 0em 0em;
-o-border-radius: 0.3em 0.3em 0em 0em;
border-radius: 0.3em 0.3em 0em 0em;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.top-banner a {
display: block;
float: left;
background: url(../images/theme/logo.png) no-repeat;
width: 220px;
height: 100px;
margin: 0px 0 0 25px;
}
.news {
float: right;
width: 35%;
margin-top: 19px;
padding: 10px 20px 10px 10px;
}
.news h2{
color: #3c8dbc;
}
images-theme- logo.png Add
Hello juliereader
index.css
Find:
@media (max-width: 991px)
index.css?fin20:3811
.poster .avatar img {
width: 42px;
height: 42px;
position: absolute;
left: 10px;
margin-top: -60px;
border-radius: 50%;
object-fit: cover;
}
Replace With:
@media (max-width: 991px)
index.css?fin20:3811
.poster .avatar img {
width: 42px;
height: 42px;
position: absolute;
left: 10px;
margin-top: -79px;
border-radius: 50%;
object-fit: cover;
}
Thanks Gecitli for your quick response. I have used SMFAds for Free Forum mod to display site banner that solved the site banner issue... the code modification you have suggested should solve the issue as well for others users including me. I need a help from you to solve the following issues:
1)Can you suggest a way to change the hat icon for something else or mention where is it located.
2)The menu thing is still troubling me. When you click on the menu icon it redirects to the index page. Could you please suggest a solution for it. Without it, it's still not a real problem on Desktop where you can see sidebar menu on left but you have no option when you login to a mobile and no admin menu is displayed unless you request a desktop site on mobile.
3)Also, could you suggest a easy way to embed a Facebook like button. The Facebook Slide Box mod doesn't seem to be working.
I am using SMF 2.0.15 and my website is ramailoforum.com (same as my username). Feel free to ask if you need any other information.
Thanks in advance and Regards.
UPDATE:
The menu icon seems to be working fine now on Desktop (Narrows and expands menu) and mobile (shows user menu)
I have no clue why it didn't work earlier.
installed like mod and showing like notification like this
instead if default profile picture could show, then problem would be solved.
Really loving the theme. Thank you. I have a question relating to css.
When I view the theme on my iphone the title of a post wraps so that the text only fills half the line.
So for example a post titled
"Promoting Yourself on School Clubs Forum" fills one line on PCs and tablets.
But on a phone it becomes
Promoting Yourself
on School
Clubs Forum
and to the right of this text is a large white space covering about 50% of the view.
I cannot work out what to change in the css to make the title flow across the whole of the screen instead of breaking half way across.
Do you have any tips on how I can fix this please.
Thank you.
Hi can you show me the screen image I fully understand the problem.
Thanks for the quick reply gecitli
Attached is a screen grab of the post's title area when the browser window is reduced to the size of a mobile phone screen.
It looks as though the title "The New Member Welcome PM" should be able to flow into the space on the right, but it wraps a couple of times leaving a lot of white space. This also has the effect of pushing the contents of the post lower down.
When I "inspect" this area in Google Chrome I cannot work out what to alter to make the text flow correctly.
Thank you for your help.
Hello 1 question answer here
https://www.simplemachines.org/community/index.php?topic=543941.msg3960345#msg3960345 (https://www.simplemachines.org/community/index.php?topic=543941.msg3960345#msg3960345)
index.css
find
#forumposts h3 img {
float: left;
margin: 4px 0.5em 0 0;
}
Replace With
#forumposts h3 img {
float: left;
margin: 14px 0.5em 0 0;
}
Thanks for the reply gecitli
I looked at the post you referred to and the code you added in the last post. I played around with the index.css file but I could not affect the amount of white space in the title in mobile view. The post's title text stays over on the left half of the screen in mobile view.
Quote from: schoolclubsforum on February 08, 2018, 03:29:25 PM
Thanks for the reply gecitli
I looked at the post you referred to and the code you added in the last post. I played around with the index.css file but I could not affect the amount of white space in the title in mobile view. The post's title text stays over on the left half of the screen in mobile view.
Hello Try this
Thank you.
Your update worked perfectly.
The key addition to index.css in line 3794 was
.keyinfo {
float: left;
width: 100%;
}
The title text now flows fully across the screen when viewed on mobile.
Thank you so much.
gecitli, would this be a problem if I would ask you to check this topic (https://www.simplemachines.org/community/index.php?topic=559059.msg3963384#msg3963384)? I'm having JS problems with vVide theme and looking for an assistance in this matter.
Quote from: becometa on February 26, 2018, 04:44:06 AM
gecitli, would this be a problem if I would ask you to check this topic (https://www.simplemachines.org/community/index.php?topic=559059.msg3963384#msg3963384)? I'm having JS problems with vVide theme and looking for an assistance in this matter.
Problems mentioned in above topic are resolved. One of the mods was causing the jQuery conflicts.
Is there a way to remove, or change the Teacher's Hat??!! I really like this theme, but the teacher's hat has got to go if I'm going to be able to use it.
I've read through the post and seen a few people ask about it, but not seen a answer that works to remove it.
Thanks
I figured out how to edit and/or remove the teachers hat. so for those interested this is the fix for that.
find the following code in index.template.php:
<header class="main-header">
<h1 class="logo">
<a href="', $scripturl, '"><i class="fa fa-graduation-cap"></i> ', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</h1>
Edit or Remove "<i class="fa fa-graduation-cap">
To Edit to an icon of your choice pic one a Font Awesome Icon and change the name to it instead. for example to <i class="fa fa-home"> .
you can find a list of font awesome Icons in a quick google search if needed.
Great theme - love it!
Mobile theme works perfect.
On laptop, the left menu, when closed, doesn't stay closed when I click on any link - it opens back up. Is there a way for the menu to stay closed when I click on the menu button - until I click it to open again?
Thanks!
Okay - I take that back, the mobile theme isn't perfect. The login button doesn't work. Not the one on the collapsible menu but the top right login link. The register button works great.
Thanks!
Has anyone else had an issue with the top login link not working on mobile?
Mobile theme works perfect. Good job bro
Hey, congrats on having the only theme ready for 2.1 RC1
Haven't had much time to play with it yet, but I've found two issues:
1) the board category expand/collapse icons seem broken
2) In the admin backend, some controls are white-on-while and so unreadable (see attached). This isn't just in the "Configuration" section... any admin section with subsections does this (but at least you can still see the names from the expanding pulldown menus off the blue buttons, so it's not a showstopper... the problem buttons are kind of a redundant UI aspect of SMF)
I still need to dive in and see what's involve in changing the logo. Unfortunately the amount of space in the upper-left box seems rather small. :(
Cheers...
It would be a great theme but it doesn't look good on phone or tablet. The language dropdown field is floating as you scroll down the page. The links on the sidebar not visible until you touch them (except the first one) beside the links with dropdowns don't work at all (e.g., admin and moderate).
As for the desktop view there is an extra space under the forum with Firefox and Microsoft Edge (see the attched picture) with Opera and Chrome it isn't there though.
It would be much better if the sidebar would remain toggled when you toggle it until you click on the toggle icon again.
Wide_RC1 Update
It solved the problem of the admin backend links and the floating language field but not the others, the links on the sidebar still not visible and the dropdowns still not working and there is the space with Firefox.
Quote from: TurtleKicker on February 11, 2019, 10:43:59 AM
1) the board category expand/collapse icons seem broken
2) In the admin backend, some controls are white-on-while and so unreadable (see attached). This isn't just in the "Configuration" section... any admin section with subsections does this (but at least you can still see the names from the expanding pulldown menus off the blue buttons, so it's not a showstopper... the problem buttons are kind of a redundant UI aspect of SMF)
Confirm that with the latest update, #2 above is fixed but #1 remains.
The News are not appear in Wide Theme.
I have using 2.0.15 SMF version.
Look the picture please.
Quote from: ExXeL on March 16, 2019, 01:57:51 PM
The News are not appear in Wide Theme.
I have using 2.0.15 SMF version.
Look the picture please.
Admin-Configuration- Current Theme
Show news fader on board index: activate
Hello,
Where Can i change this fa-icon?
Quote from: ExXeL on March 17, 2019, 08:19:13 AM
Hello,
Where Can i change this fa-icon?
index.template.php
<h1 class="logo">
<a href="', $scripturl, '"><i class="fa fa-graduation-cap"></i> ', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</h1>
<i class="fa fa-graduation-cap"></i>
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this
Quote from: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this
Have you set a image size in Admin > Features and Options > Layout >>
Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)
Quote from: lurkalot on September 02, 2019, 02:41:26 AM
Quote from: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this
Have you set a image size in Admin > Features and Options > Layout >>
Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)
Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)
are both set to disable and i have added several low sizes but didnt resize so i guess the theme only use those settings for image attachments and not url [img] links images. but i installed this mod below and it solved the problem now.maybe op can check the mode and see what was added and use it to upgrade the theme soon.
https://custom.simplemachines.org/mods/index.php?mod=1769
i still have other issues , the logo png not showing full size of my logo 350 x 120 . my old theme dani shows full size, how do i may the smf logo show actual size . what to change in css file. also i changed from dani to this wide theme because of responsiveness, dani is not fully responsive and doesnt help with google rank.i just started using this theme but i observed its a bit slow and will try it for more days.
i tried boru theme on one of my website and i must give it up for boru for its speed , boru ranked my website within 24hours.the site have not rank before i installed boru. what i dislike about boru is the black theme and also it doesnt open topics accurate. boru is very fast and rank website fast.i will suggest to boru op to change that disgusting black color and make links and topics open normal, until then i will keep trying different themes that are fully responsive and good for seo.i am giving wide theme a trial and i suggest op looks at boru theme and emulate some changes.
Quote from: naijacrux on September 02, 2019, 04:01:48 PM
Quote from: lurkalot on September 02, 2019, 02:41:26 AM
Quote from: naijacrux on September 01, 2019, 10:36:50 PM
op , hope you are good. i need help with this theme, it doesnt resize url link images, they show very big. how do i fix this
Have you set a image size in Admin > Features and Options > Layout >>
Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)
Max width of posted pictures (0 = disable)
Max height of posted pictures (0 = disable)
are both set to disable and i have added several low sizes but didnt resize so i guess the theme only use those settings for image attachments and not url [img]
Those settings do work for images using image tags. They won't however change existing images, (images already posted).
Problem whenever i modify thread it gives strange code msg before actual thread im using 2.1 rc
I to am experiencing this, the issue is caused by index.css lines 3600 and 3603 which just puts a bunch of gibberish in the page.
Quote from: kujio on September 24, 2019, 10:41:30 PM
I to am experiencing this, the issue is caused by index.css lines 3600 and 3603 which just puts a bunch of gibberish in the page.
@Schizophren1c already reported this in another thread (https://www.simplemachines.org/community/index.php?topic=569727.0).
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop.
Theme Updated.
Quote from: emma301 on September 25, 2019, 06:54:28 AM
Thanks, the theme is very good. And the problem am facing is, if I login with the theme on my laptop. I can't locate the "Unread Replies, Read Replies And logout button on my laptop.
Where do you live the problem
Скорость загрузки стандартной темы на PageSpeed Insights выше на 10 единиц чем темы Wide ;)
Тему установил на основной форум, сделана неплохо.
Не работает скроллинг, надо в строке 195 вставить так и все заработает :)
<header class="main-header"; id="top_section">
Забыл написать - форум SMF2.1 RC2
Quote from: catyr on December 12, 2019, 03:25:27 AM
Скорость загрузки стандартной темы на PageSpeed Insights выше на 10 единиц чем темы Wide ;)
Тему установил на основной форум, сделана неплохо.
Не работает скроллинг, надо в строке 195 вставить так и все заработает :)
<header class="main-header"; id="top_section">
Забыл написать - форум SMF2.1 RC2
Hello Sorry I don't know your language
Scrolling does not work, you need to insert in index.template.php in line 195 and everything will work
<header class="main-header"; id="top_section">
Hello, what's not working?
Button does not work and mod Scrolling Buttons - https://custom.simplemachines.org/mods/index.php?mod=3433
Hi gecitli and thank you for this theme.
I'm experimenting with a few themes recently and thought I'd give vVide a shot.
Not being a graphics person at all, where should my forum logo be appearing?

There are no mods applied to this 2.0.17 installation.
When I inspect the page I can toggle .logo>height to make part of the logo appear but it's not in a position that's useful:

Can you offer assistance getting the logo to show please?
As it stands, the logo file is 790px * 150px

(https://ibb.co/1m96Nyj)
Hello Shambles
index.css
Find:
.main-header .logo {
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
display: block;
float: left;
height: 57px;
font-size: 20px;
line-height: 50px;
text-align: center;
width: 230px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 15px;
font-weight: 300;
overflow: hidden;
}
Replace With:
.main-header .logo {
float: left;
text-align: center;
width: 230px;
overflow: hidden;
}
Find:
/* Styles for print media.
Add After:
.main-header .logo a img {
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
display: block;
float: left;
height: 57px;
font-size: 20px;
line-height: 50px;
text-align: center;
width: 230px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 15px;
font-weight: 300;
overflow: hidden;
}
index.template.php
Find:
<a href="', $scripturl, '"><i class="fa fa-graduation-cap"></i> ', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
Replace With:
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
Thanks, I'll give that a go when I get back from work.
The first block to find ".main-header .logo {" didn't exist in the index.css file as posted above, however a cutdown version of it did, which I replaced as instructed.
.main-header .logo {
float: left;
text-align: center;
width: 230px;
overflow: hidden;
}
I also added the bits you recommended between the comment and the "@media print" section.
/* Styles for print media.
------------------------------------------------------- */
.main-header .logo a img {
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
display: block;
float: left;
height: 57px;
font-size: 20px;
line-height: 50px;
text-align: center;
width: 230px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 15px;
font-weight: 300;
overflow: hidden;
}
@media print
{
#headerarea
{
display: none;
}
.tborder
{
border: none;
}
}
I also edited the template as instructed.
Whilst better than before, the image is truncated.

Here's what the whole image should be:

Thanks for your help.
I played around - quite randomly - with some of the heights and widths and ended up with this, which I'm happy with.

Cheers
What is the purpose of the following code in index.css?
.topic_pages::before {
content: " ÂÃ,«";
}
.topic_pages::after {
content: " ÂÃ,»"
}
All it seems to do is corrupt the display of pages in the topic listing. I downloaded the WideRC.zip three times to make sure it wasn't some sort of download issue.
Hello, use the attached css file.
That's all very nice, but why were the garbage characters in the CSS in the first place? Your new CSS is quite different from the one in the ZIP.
Quote from: silber112 on December 03, 2017, 07:36:40 AM
Quote from: gecitli on December 03, 2017, 07:21:59 AM
hello what is your web address.
Is there a solution for the side bar issue(if I close or open it it re-directs to the index)? :(
Maybe some of installed modifications causes that issue.
In my forum, the problem was resolved after uninstalling 'Auto Tweet embed' mod.
The bad CSS is in the ZIP file one installs to add the theme.
It was a bug in an older version, it should be fixed in the current download.
I am using SMF 2.1 RC2. Is it possible to add glyphs to items in main menu, created by mods (Gallery, Contact, Tinyportal etc.)?
Now there is an empty space beside these items ???
Click =>

(https://postimg.cc/f3v2yjGT)
Quote from: Hatshepsut on February 10, 2020, 12:06:33 AM
I am using SMF 2.1 RC2. Is it possible to add glyphs to items in main menu, created by mods (Gallery, Contact, Tinyportal etc.)?
Now there is an empty space beside these items ???
.fa-forum:before {
content: "\f298";
}
.fa-tpadmin:before {
content: "\f781";
}
.fa-gallery:before {
content: "\f299";
}
.fa-contact:before {
content: "\f2c1";
}
.fa-hof:before {
content: "\f209";
}
Thanks, now all items in the main menu have glyphs :)
I use Wide_RC2 theme with SMF 2.1 RC2.
How can I remove avatar images from Board index and from Message index too?
I use another mod called 'Avatars Display Integration' (https://custom.simplemachines.org/mods/index.php?mod=4246), and I wish to use its avatar images. Else avatar images are duplicated ::)
BoardIndex.template
Find
<p>'.$board['last_post']['member']['avatar']['image'].'', $board['last_post']['last_post_message'], '</p>';
Replace
<p>', $board['last_post']['last_post_message'], '</p>';
MessageIndex.template
Find
'.$board['last_post']['member']['avatar']['image'].' ', $board['last_post']['last_post_message'], '
Replace
', function_exists('template_bi_' . $board['type'] . '_lastpost') ? call_user_func('template_bi_' . $board['type'] . '_lastpost', $board) : template_bi_board_lastpost($board), '
Find
<div class="message_index_title">
'. $topic['first_post']['member']['avatar']['image'].'
Replace
<div class="message_index_title">
Find
<p>'. $topic['last_post']['member']['avatar']['image'].'', sprintf($txt['last_post_topic'], '<a href="' . $topic['last_post']['href'] . '">' . $topic['last_post']['time'] . '</a>', $topic['last_post']['member']['link']), '</p>
Replace
<p>', sprintf($txt['last_post_topic'], '<a href="' . $topic['last_post']['href'] . '">' . $topic['last_post']['time'] . '</a>', $topic['last_post']['member']['link']), '</p>
Thanks :)
Been trialling this theme for a while on a customer's site. They like it. I like it.
Odd thing occurs when using Firefox 74, but not on other browser technologies.
The

link does not take the browser to the last unread message within a topic. Research says it may be linked to the order in which the various javascript files are loaded and only seems to affect the Mozilla product.
Any thoughts?
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.
However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.
Would it be possible to update the Javascript for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?
Hi all,
great Theme, I really like it and will surely replace the outdated one I'm currently using.
However, I still have one problem which I cannot resolve - the small icons on the sidebar (minimized and maxized) are missing. I assume this is a problem with the symbol font which seems not to have loaded.
Strange enough, in the main forum section below postings (buttons reply, notify, etc.) they show up.
Any ideas? Thank you for your help!
Quote from: Totosfo on August 19, 2020, 06:10:47 PM
Hi all,
great Theme, I really like it and will surely replace the outdated one I'm currently using.
However, I still have one problem which I cannot resolve - the small icons on the sidebar (minimized and maxized) are missing. I assume this is a problem with the symbol font which seems not to have loaded.
Strange enough, in the main forum section below postings (buttons reply, notify, etc.) they show up.
Any ideas? Thank you for your help!
Hello, is there a fonts file in themes folder?
Hi gecitli,
yes, the folder is here:
4856449 4 drwxr-xr-x 2 u2808251 apache 4096 Aug 19 23:34 ./fonts
4856453 96 -rw-rw-rw- 1 u2808251 apache 98024 Aug 19 23:34 ./fonts/fontawesome-webfont.woff
4856451 436 -rw-rw-rw- 1 u2808251 apache 444379 Aug 19 23:34 ./fonts/fontawesome-webfont.svg
4856457 108 -rw-rw-rw- 1 u2808251 apache 108738 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.svg
4856455 132 -rw-rw-rw- 1 u2808251 apache 134808 Aug 19 23:34 ./fonts/FontAwesome.otf
4856456 20 -rw-rw-rw- 1 u2808251 apache 20127 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.eot
4856454 76 -rw-rw-rw- 1 u2808251 apache 77160 Aug 19 23:34 ./fonts/fontawesome-webfont.woff2
4856459 24 -rw-rw-rw- 1 u2808251 apache 23424 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff
4856450 164 -rw-rw-rw- 1 u2808251 apache 165742 Aug 19 23:34 ./fonts/fontawesome-webfont.eot
4856452 164 -rw-rw-rw- 1 u2808251 apache 165548 Aug 19 23:34 ./fonts/fontawesome-webfont.ttf
4856458 48 -rw-rw-rw- 1 u2808251 apache 45404 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.ttf
4856460 20 -rw-rw-rw- 1 u2808251 apache 18028 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff2
[u2808251@h2808251 vVide]$
Access rights for the fonts folder are set to 755, so should be fine.
In order to compare I installed it on my live server as well - same problem. Maybe it is a http / https issue. I once had the problem when http references were made that they didn't work as I enforce the use of https.
Thanks again for your help!
Thomas
Quote from: Totosfo on August 20, 2020, 04:29:48 AM
Access rights for the fonts folder are set to 755, so should be fine.
Have you tried changing the file permissions for the files in the fonts folder/directory to 644?
Quote from: Totosfo on August 20, 2020, 04:29:48 AM
Hi gecitli,
yes, the folder is here:
4856449 4 drwxr-xr-x 2 u2808251 apache 4096 Aug 19 23:34 ./fonts
4856453 96 -rw-rw-rw- 1 u2808251 apache 98024 Aug 19 23:34 ./fonts/fontawesome-webfont.woff
4856451 436 -rw-rw-rw- 1 u2808251 apache 444379 Aug 19 23:34 ./fonts/fontawesome-webfont.svg
4856457 108 -rw-rw-rw- 1 u2808251 apache 108738 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.svg
4856455 132 -rw-rw-rw- 1 u2808251 apache 134808 Aug 19 23:34 ./fonts/FontAwesome.otf
4856456 20 -rw-rw-rw- 1 u2808251 apache 20127 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.eot
4856454 76 -rw-rw-rw- 1 u2808251 apache 77160 Aug 19 23:34 ./fonts/fontawesome-webfont.woff2
4856459 24 -rw-rw-rw- 1 u2808251 apache 23424 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff
4856450 164 -rw-rw-rw- 1 u2808251 apache 165742 Aug 19 23:34 ./fonts/fontawesome-webfont.eot
4856452 164 -rw-rw-rw- 1 u2808251 apache 165548 Aug 19 23:34 ./fonts/fontawesome-webfont.ttf
4856458 48 -rw-rw-rw- 1 u2808251 apache 45404 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.ttf
4856460 20 -rw-rw-rw- 1 u2808251 apache 18028 Aug 19 23:34 ./fonts/glyphicons-halflings-regular.woff2
[u2808251@h2808251 vVide]$
Access rights for the fonts folder are set to 755, so should be fine.
In order to compare I installed it on my live server as well - same problem. Maybe it is a http / https issue. I once had the problem when http references were made that they didn't work as I enforce the use of https.
Thanks again for your help!
Thomas
Hi Thomas it's definitely a https problem
Download and repair here repair_settings (https://download.simplemachines.org/index.php?tools)
Quote from: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.
However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.
Would it be possible to update the Javascript for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?
Hello, a new base js needs to be written for this.
Quote from: gecitli on August 20, 2020, 05:26:23 AM
Quote from: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.
However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.
Would it be possible to update the Javascript for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?
Hello, a new base js needs to be written for this.
Thanks.
I've decided to add 'sidebar-collapse' class to the <body> tag in index.template.php so that sidebar is collapsed by default - for me this is preferable to having it expanding automatically.
./Themes/vVide/index.template.php
Find:
<body class="hold-transition skin-blue sidebar-mini">';
Replace With:
<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">';
Hello gecitli, GL700Wing,
thank you for your help and advice.
@GL700Wing: I switched the folder rights to 644, but as expected it didn't help. Based on my past experience, 755 is somehow standard for directories which are only used by a service / daemon like http
@gecitli:
I know that some graphics are missing when calling the forum via http instead of https, but that's fine. After the first click you are redirected to https as this is specified as forum url and everywhere else in the settings. I did run repair_settings.php and confirmed that all URLs are pointing to https and not http.
I even amended font-awesome.min.css and bootsrap.css and replaced the relative paths with the full URL (https://....) which didn't help.
The (Font-)Icons at the end are showing up fine, same for the magnifying glass etc. I know that some gifs ("new") are missing but these just need to be copied over.
I even cleared my .htaccess to make sure that the NiceUrl-Mod doesn't interfere at this point by rewriting the font url by mistake, but this didn't help also.
Really confusing...
As a last resort I could just install SMF and the template to one of my dev servers not using https, but I'm afraid this won't help me finding the error related to https here.
Thanks,
Thomas
EDIT: the magnifying glass is being shown - isn't that also a part of the font?
hello can you give me the link where the theme is installed
QuoteEDIT: the magnifying glass is being shown - isn't that also a part of the font?
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
font-family: 'Glyphicons Halflings';
we tested the theme http https works fine something else? preventing
Hi gectitli,
my test env is secured, but I installed a working copy on prod - https://forum.usa-reise.de
Please register, I'll then confirm your user and then you can change your Theme to usar-vVide (I added the prefix to distinguish from the untouched version from your package).
Don't get confused by the fact that the last post avatars are shown twice - our standard theme couldn't display these by default that's why I had to add a mod. I'll remove it as soon your theme goes finally live.
Paths are o.k. so far, see attachment.
Thanks,
Thomas
Quote from: Totosfo on August 20, 2020, 11:09:23 AM
@GL700Wing: I switched the folder rights to 644, but as expected it didn't help. Based on my past experience, 755 is somehow standard for directories which are only used by a service / daemon like http
My suggestion was to change the
file rights to 644 - not the folder rights.
Good morning,
Quote from: GL700Wing on August 20, 2020, 06:23:43 PM
My suggestion was to change the file rights to 644 - not the folder rights.
Sorry misunderstanding. Changed it from 666 to 644 now - makes more sense anyway as font files don't need to be writeable. However didn't fix the problem unfortunately.
Hello. Thomas Problem pictorial explanation index.template this code
<li id="button_', $act, '" class="button_', $act, (!empty($button['sub_buttons']) ? ' dropdown' : ''), ($button['active_button'] ? ' active' : ''), '">
<a ', (!empty($button['sub_buttons']) ? ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"' : ''), ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<i class="fa fa-',$act,'"></i>
<span>', $button['title'], '</span>', !empty($button['sub_buttons']) ? ' ' :'', '
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
<i class="fa fa-',$act,'"></i>
If you haven't changed, the link mod you use does this Pretty URLs.vs
Hi gectili,
thank you for the analysis.
I already suspected that the pretty links mod has something to do with this, that's why I clreared the .htaccess (containing the rewrites) in my test env completely but this didn't help.
I'll remove it now in my test env via the admin menu in order to get rid of all code changes and will see what happens.
If this does the trick, I either have to found an alternative to pretty urls (which hopefully creates a similiar output else all internal links in the posts will be messed up) or find a way to get around it. I really like this theme.
But maybe I should ask my VIP users first what they think before starting to work on it.
Thank you so much for your help and support gecitli, I really appreciate that. :)
Всем привет. Подскажите подробнее как и где изменить ссылки главного бокового меню + ещё хотелось бы добавить свои пункты к меню и значки Font Awesome?
This theme is what I was looking for, many thanks gecitli.
But I am having trouble installing it (newbie).
Created a new sub-domain, installed SMF.
The newly created forum works OK.
Installed Wide RC2.
Now I receive the error "Page isn't working etc. HTTP ERROR 500"
Run repair_settings.php, set SMF Default theme as overall forum default, the page is back to life.
How can I find what I am doing wrong?
Where should I look?
Hello, you installed my attached package? So it shouldn't be a problem
Hello webtiryaki.
I don't get it - isn't this the same Wide_RC2.zip from gecitli??
which I downloaded from the original SMF theme site:
https://custom.simplemachines.org/themes/index.php?lemma=2837
When installing a theme fails, where should I look?
Thanks,
Restating my problem:
Installed SMF 2.0.17
The newly created forum opens OK
Error log shows always this error ("General"):
8: Trying to access array offset on value of type null
File: /home/vol15_6/epizy.com/epiz_25029984/fdl.rf.gd/htdocs/Sources/Load.php
Line: 168
Although each access generates this error, the page works OK
Downloaded Wide_RC2 from the original SMF theme site:
https://custom.simplemachines.org/themes/index.php?lemma=2837
Go to Admin CP and installed Wide
The forum fails to re-open, error "Page isn't working etc. HTTP ERROR 500"
Run repair_settings.php, set SMF Default theme as overall forum default, the forum is back to life.
Login as Admin, now the error log shows a new error ("Critical):
http://fdl.rf.gd/index.php?action=admin;area=theme;b31100c=634c526e37d49c2fececa3c2cf6dd2fa;sa=admin
Call to undefined function loadCSSFile()
So I guess this points to the cause of the forum crashing when Wide is the default Theme.
What can I do about this?
Quote from: Recursos
Installed SMF 2.0.17
Which of these did you download? For 2.0.17 you would get the vVide.zip
Thanks, Shambles
vVide works OK with SMF 2.0.17
Rec
I have this theme installed on an SMF 2.0.17 forum and while investigating a JavaScript issue and I noticed the following error message in the console:
Uncaught TypeError: $.webtiryaki is undefined
<anonymous> https://my.domain.com/forum/Themes/vVide/scripts/app.js?fin20:133
which refers to the following line of code:
var o = $.webtiryaki.options;
Is this something I need to be concerned about and/or how can I fix this issue?
Quote from: GL700Wing on October 12, 2020, 08:15:41 AM
I have this theme installed on an SMF 2.0.17 forum and while investigating a JavaScript issue and I noticed the following error message in the console:
Uncaught TypeError: $.webtiryaki is undefined
<anonymous> https://my.domain.com/forum/Themes/vVide/scripts/app.js?fin20:133
which refers to the following line of code:
var o = $.webtiryaki.options;
Is this something I need to be concerned about and/or how can I fix this issue?
I managed to resolve this issue by clearing the cache - strange thing is I have never edited this JS file so I don't why the error was being reported.
Quote from: gecitli on August 20, 2020, 05:26:23 AM
Quote from: GL700Wing on August 18, 2020, 07:27:55 AM
I've been preparing a new SMF 2.0.17 forum using this theme and, after having done lots of little tweaks to improve its responsiveness with the mods I've installed, I'm just about ready to launch the forum.
However, one issue I do have is that the user-selected display state of the sidebar (ie, expanded or collapsed) is not remembered on non-mobile devices (eg, desktops, laptops, tablets, etc) - if I collapse the sidebar and then click on a link anywhere in the forum (eg, Category name, Board name, Topic title, Unread Posts, etc) the sidebar expands again.
Would it be possible to update the Javascript for the sidebar and/or the index.template.php file so that if the user has collapsed the sidebar it is only expanded when they click on the expand/collapse button again?
Hello, a new base js needs to be written for this.
Last week I discovered an SMF 2.0.17 forum using this theme (https://forum1.pvxplus.com/index.php) where the sidebar toggle state is remembered on both non-mobile devices and mobile devices and by using a web inspector I worked out that the toggle state was being managed via a cookie.
By updating
./Themes/vVide/scripts/app.js to create/remove a cookie for the sidebar push menu and also updating
./Themes/vVide/index.template.php to check for the cookie I now have the user-selected display state of the sidebar (ie, expanded or collapsed) being remembered on
both mobile and non-mobile devices (eg, desktops, laptops, tablets, etc).
./Themes/vVide/scripts/app.jsFind:
//Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
} else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
}
}
Replace With:
//Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
document.cookie = "sidebar_collapse=; path=/; secure=true; expires=Thu, 01 Jan 1970 00:00:00 GMT;";
} else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
document.cookie = "sidebar_collapse=true; path=/; secure=true;";
}
}
Note: Do not use the 'secure=true;' flag for or non-HTTPS websites../Themes/vVide/index.template.phpFind:
<body class="hold-transition skin-blue sidebar-mini">';
Replace With:
<body class="hold-transition skin-blue sidebar-mini' . (!empty($_COOKIE['sidebar_collapse']) ? ' sidebar-collapse' : '') . '">';
I have SMF21rc3 and theme Wide_RC3 ;)
Changes such for cookies
левая панель с памятью
Themes\Wide_RC3\scripts\theme.js
Find
//Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
} else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
}
}
Replace
//Enable sidebar push menu
if ($(window).width() > (screenSizes.sm - 1)) {
if ($("body").hasClass('sidebar-collapse')) {
$("body").removeClass('sidebar-collapse').trigger('expanded.pushMenu');
document.cookie = "sidebar_collapse=; path=/; secure=true; expires=Thu, 01 Jan 1970 00:00:00 GMT;";
} else {
$("body").addClass('sidebar-collapse').trigger('collapsed.pushMenu');
document.cookie = "sidebar_collapse=true; path=/; secure=true;";
}
}
Themes\Wide_RC3\index.template.php
Find
<body id="', $context['browser_body_id'], '" class="skin-blue sidebar-mini action_',
Replace
<body id="', $context['browser_body_id'], '" class="skin-blue sidebar-mini ' . (!empty($_COOKIE['sidebar_collapse']) ? ' sidebar-collapse' : '') . ' action_',
-----------------------
индикатор ошибок лога в админке
Log error indicator in the admin panel
Themes\Wide_RC3\index.template.php
Find
<a class="dropdown-item" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>', $button['title'], '</a>
Replace
<a class="dropdown-item" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>', $button['title'], !empty($button['amt']) ? ' <span class="amt">' . $button['amt'] . '</span>' : '', '</span></a>
-----------------------
кнопки в персональных сообщениях (взято из стандартного шаблона index.template.php)
Buttons in personal messages (taken from the standard index.template.php template)
Themes\Wide_RC3\index.template.php
Find
* The upper part of the maintenance warning box
Replace
* Generate a list of quickbuttons.
*
* @param array $list_items An array with info for displaying the strip
* @param string $list_class Used for integration hooks and as a class name
* @param string $output_method The output method. If 'echo', simply displays the buttons, otherwise returns the HTML for them
* @return void|string Returns nothing unless output_method is something other than 'echo'
*/
function template_quickbuttons($list_items, $list_class = null, $output_method = 'echo')
{
global $txt;
// Enable manipulation with hooks
if (!empty($list_class))
call_integration_hook('integrate_' . $list_class . '_quickbuttons', array(&$list_items));
// Make sure the list has at least one shown item
foreach ($list_items as $key => $li)
{
// Is there a sublist, and does it have any shown items
if ($key == 'more')
{
foreach ($li as $subkey => $subli)
if (isset($subli['show']) && !$subli['show'])
unset($list_items[$key][$subkey]);
if (empty($list_items[$key]))
unset($list_items[$key]);
}
// A normal list item
elseif (isset($li['show']) && !$li['show'])
unset($list_items[$key]);
}
// Now check if there are any items left
if (empty($list_items))
return;
// Print the quickbuttons
$output = '
<ul class="quickbuttons' . (!empty($list_class) ? ' quickbuttons_' . $list_class : '') . '">';
// This is used for a list item or a sublist item
$list_item_format = function($li)
{
$html = '
<li' . (!empty($li['class']) ? ' class="' . $li['class'] . '"' : '') . (!empty($li['id']) ? ' id="' . $li['id'] . '"' : '') . (!empty($li['custom']) ? $li['custom'] : '') . '>';
if (isset($li['content']))
$html .= $li['content'];
else
$html .= '
<a' . (!empty($li['href']) ? ' href="' . $li['href'] . '"' : '') . (!empty($li['javascript']) ? $li['javascript'] : '') . '>
' . (!empty($li['icon']) ? '<span class="main_icons ' . $li['icon'] . '"></span>' : '') . (!empty($li['label']) ? $li['label'] : '') . '
</a>';
$html .= '
</li>';
return $html;
};
foreach ($list_items as $key => $li)
{
// Handle the sublist
if ($key == 'more')
{
$output .= '
<li class="post_options">' . $txt['post_options'] . '
<ul>';
foreach ($li as $subli)
$output .= $list_item_format($subli);
$output .= '
</ul>
</li>';
}
// Ordinary list item
else
$output .= $list_item_format($li);
}
$output .= '
</ul><!-- .quickbuttons -->';
// There are a few spots where the result needs to be returned
if ($output_method == 'echo')
echo $output;
else
return $output;
}
/**
* The upper part of the maintenance warning box
I've had my eye on this theme for a while now. I really like its different take on layout, with the dynamic menu column along the left side instead of the top. This makes far better use of widescreen space than a fixed-width layout with wasted whitespace on the left and right.
My big holdup is the logo. I see plenty of varied manual hacks but nothing smooth and seamless. And no matter what, the size of the logo is extremely limited, restricted to an abnormally tiny corner in the upper-left. I'm not sure what the solution is, but some sort of layout tweak to allow "normal" sized banner logos, simply set in "Logo image URL:" under Theme Options, and where setting a logo URL replaces the teacher's hat would be the final tweak that nails it. I really don't want to have to keep manually re-hacking the theme after each update... the mechanisms are in SMF for setting the URL and with most themes, setting one REPLACES whatever default image was there.
My current banner logo is 486x100
Here's a link to the forum I use this theme on - I some time tweaking it to suit the needs of the user community and I'm really happy with the result - especially on mobile devices.
Ultimate Campers Owners Forum (https://ulti-owners.info/forum/)
[fixed url dyslexia :D ulr instead of url ~ Shadav]
Hi GL700Wing,
I plan to use this theme as well and am still running into trouble regarding the small icons in front of the menu items on the side (Register, Login, Calendar, ...) - see my previous posts in this thread many weeks ago.
I had a look at your forum and noticed that you have defined e.g. as "button_register", however I couldn't find this reference in the css the page loads.
Could you let me know where (or how) this is defined? The template works fine for me so far, I even have the hat (plain install) in the upper left corner however am missing all the other small icons.
Looks to me that these really need to be defined somewhere additionally.
Thank you for your help!
I really like this theme. That's why I reinstalled it on the Hobbybrewing.nl forum. Members have the option of choosing a theme. I had the theme Vvide installed as the default theme but members can't see the Unread Replies, Read Replies And logout button. As an administrator of the site, I do see this button. Members only see a dot.
I have no idea how to solve this. I have read the entire topic. Did I miss anything?
Quote from: jacbier on February 07, 2022, 06:22:52 AMI really like this theme. That's why I reinstalled it on the Hobbybrewing.nl forum.
Must be www.hobbybrouwen.nl
Hello and Thank you for this wonderful theme.
I have an issue with a js error:
Uncaught TypeError: $(...).tooltip is not a function
and when i am at the admin page (any of them) i cannot close the small menu window (something about -> java(void) error)
i am using 2.1 file for 2.1 SMF board.
Thank you
Quote from: emilot on February 14, 2022, 03:58:08 PMand when i am at the admin page (any of them) i cannot close the small menu window (something about -> java(void) error)
It's a known issue for themes that aren't updated for SMF 2.1.x, RC4 and below and likely to have issues.
Quote from: Totosfo on February 06, 2022, 06:25:09 PMHi GL700Wing,
I plan to use this theme as well and am still running into trouble regarding the small icons in front of the menu items on the side (Register, Login, Calendar, ...) - see my previous posts in this thread many weeks ago.
I had a look at your forum and noticed that you have defined e.g. as "button_register", however I couldn't find this reference in the css the page loads.
Could you let me know where (or how) this is defined? The template works fine for me so far, I even have the hat (plain install) in the upper left corner however am missing all the other small icons.
Looks to me that these really need to be defined somewhere additionally.
Thank you for your help!
@Totosfo - Apologies for the delayed response but I am currently away on holidays (https://www.simplemachines.org/community/index.php?msg=4110522) and I don't have access to the computer and tools I'd normally use to look into this (I love my iPad but not for coding/debugging ...). That said I've had a quick look and can see that I made the change you're looking for in the theme's index.template.php file (you'll see that I've added the class
fa-xl - this loads a larger icon).
From:
echo '
<li id="button_', $act, '" class="button_', $act, (!empty($button['sub_buttons']) ? ' dropdown' : ''), ($button['active_button'] ? ' active' : ''), '">
<a ', (!empty($button['sub_buttons']) ? ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"' : ''), ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<i class="fa fa-',$act,'"></i>
<span>', $button['title'], '</span>', !empty($button['sub_buttons']) ? ' ' :'', '
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>';
To:
echo '
<li id="button_', $act, '" style="padding-right: 1px;" class="button_', $act, (!empty($button['sub_buttons']) ? ' dropdown' : ''), ($button['active_button'] ? ' active' : ''), '">
<a ', (!empty($button['sub_buttons']) ? ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"' : ''), ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
<i class="fa fa-',$act,' fa-xl" style="vertical-align:middle; margin-right:10px;"></i>
<span style="vertical-align:middle;">', $button['title'], '</span>', !empty($button['sub_buttons']) ? ' ' : '', '
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>';
There may also be some associated CSS changes but I don't have the time or tools to confirm this so I'm also attaching the custom CSS file I'm using with this theme - if you want to use it you'll need to copy it to the theme's css folder/directory and also load in index.template.php file
after all the other CSS files are loaded.
I was pleased to see that Wide is now also available for version 2.1 and 2.1.1.
I have installed it and the " well-known" bug of the RC4 themes has indeed been eliminated.
Unfortunately, however, the theme is now totally unusable for me. A blank page appears for both "New topic" and "Reply". The editor apparently cannot be displayed. However, this cannot be a fundamental problem, because the editor is displayed correctly under posts for the quick reply.
What might be the reason for this? Is this a bug and is it already known?
Quote from: pepecyb on March 04, 2022, 06:54:58 AMI was pleased to see that Wide is now also available for version 2.1 and 2.1.1.
I have installed it and the " well-known" bug of the RC4 themes has indeed been eliminated.
Unfortunately, however, the theme is now totally unusable for me. A blank page appears for both "New topic" and "Reply". The editor apparently cannot be displayed. However, this cannot be a fundamental problem, because the editor is displayed correctly under posts for the quick reply.
What might be the reason for this? Is this a bug and is it already known?
Theme Updated Smf 2.1
Thank you, it works now. Now I can use my favourite theme again. :-)
Hello... I am trying to add my sites logo...
I am getting this result ...
(the little red part of my hat logo is peeking out).
You cannot view this attachment.
Something broken in "responsive.css"
.user_info li::before {
content:
The "dot" symbol there giving error sign. Only in "phone" view/size.
See attached picture.
I've replaced it by HEX UTF8 value, working as expected.
https://www.w3schools.com/charsets/ref_utf_geometric.asp
I have an area on the forum where there is a loading circle that just goes round and round, any ideas?

Bonus if someone can tell me what that broken image at the top left is
I just did an upgrade to 2.1.2 from 2.0.19 and changed to this theme because my old theme was unavailable This forum is old and has been upgraded a few time
Hello,
Can i add to Login form, more options about the time that cookie will be stay "active".
now it has only 1 Hour, 1 Day, etc...
I need to add, as extra options, 2Hours, 3Hours...
Is it possible?
thank you