Advertisement:

Author Topic: Wide A Responsive Theme for SMF 2.0.11  (Read 29439 times)

Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #80 on: January 22, 2018, 06:49:13 AM »
tehemes-index.css

Find
Code: [Select]
.fa-calendar_post_event:before {content: "\f067";}
Add After

Code: [Select]
.fa-SMFQuiz:before {content:"\f059";}

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline jack001

  • Jr. Member
  • **
  • Posts: 172
  • Gender: Male
  • Edutainment Forum
    • @edutain_forum on Twitter
    • EDUTAINMENT FORUM - Education with Entertainment
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #81 on: January 22, 2018, 11:26:57 PM »
tehemes-index.css

Find
Code: [Select]
.fa-calendar_post_event:before {content: "\f067";}
Add After

Code: [Select]
.fa-SMFQuiz:before {content:"\f059";}

thanks it worked!
https://edutainmentforum.com Edutainment forum - Education with Entertainment!

Offline jack001

  • Jr. Member
  • **
  • Posts: 172
  • Gender: Male
  • Edutainment Forum
    • @edutain_forum on Twitter
    • EDUTAINMENT FORUM - Education with Entertainment
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #82 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?
https://edutainmentforum.com Edutainment forum - Education with Entertainment!

Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #83 on: January 25, 2018, 12:44:18 PM »
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
Code: [Select]
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>
Add After:

Code: [Select]
';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline jack001

  • Jr. Member
  • **
  • Posts: 172
  • Gender: Male
  • Edutainment Forum
    • @edutain_forum on Twitter
    • EDUTAINMENT FORUM - Education with Entertainment
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #84 on: January 25, 2018, 01:09:44 PM »
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
Code: [Select]
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>
Add After:

Code: [Select]
';
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
Code: [Select]
.fa-SMFQuiz:before {content:"\f059";}
https://edutainmentforum.com Edutainment forum - Education with Entertainment!

Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #85 on: January 26, 2018, 05:47:33 AM »
Code: [Select]
.fa-like_post_stats:before {content: "\f08a";}

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline RamailoForum.com

  • Newbie
  • *
  • Posts: 6
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #86 on: January 31, 2018, 11:51:53 AM »
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.
« Last Edit: January 31, 2018, 12:33:38 PM by RamailoForum.com »

Offline juliereader

  • Semi-Newbie
  • *
  • Posts: 39
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #87 on: February 01, 2018, 03:55:17 AM »
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




Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #88 on: February 01, 2018, 07:31:30 AM »
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:
Code: [Select]
<section class="content">
Add After:

Code: [Select]
<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:
Code: [Select]
/* Styles for print media.
Add Before:

Code: [Select]
.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

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #89 on: February 01, 2018, 07:38:46 AM »
Hello juliereader
index.css
Find:
Code: [Select]
@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:

Code: [Select]
@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;
}

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline RamailoForum.com

  • Newbie
  • *
  • Posts: 6
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #90 on: February 02, 2018, 12:56:50 PM »
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.

Offline RamailoForum.com

  • Newbie
  • *
  • Posts: 6
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #91 on: February 02, 2018, 01:05:43 PM »
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.

Offline jack001

  • Jr. Member
  • **
  • Posts: 172
  • Gender: Male
  • Edutainment Forum
    • @edutain_forum on Twitter
    • EDUTAINMENT FORUM - Education with Entertainment
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #92 on: February 02, 2018, 09:43:35 PM »
installed like mod and showing like notification like this
https://edutainmentforum.com Edutainment forum - Education with Entertainment!

Offline jack001

  • Jr. Member
  • **
  • Posts: 172
  • Gender: Male
  • Edutainment Forum
    • @edutain_forum on Twitter
    • EDUTAINMENT FORUM - Education with Entertainment
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #93 on: February 02, 2018, 09:59:25 PM »
instead if default profile picture could show, then problem would be solved.
https://edutainmentforum.com Edutainment forum - Education with Entertainment!

Offline schoolclubsforum

  • Semi-Newbie
  • *
  • Posts: 13
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #94 on: February 07, 2018, 08:08:29 AM »
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.

Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #95 on: February 07, 2018, 09:54:02 AM »
Hi can you show me the screen image I fully understand the problem.

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline schoolclubsforum

  • Semi-Newbie
  • *
  • Posts: 13
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #96 on: February 07, 2018, 10:13:27 AM »
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.

Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #97 on: February 07, 2018, 12:56:18 PM »
Hello 1 question answer here
https://www.simplemachines.org/community/index.php?topic=543941.msg3960345#msg3960345
index.css

find
Code: [Select]
#forumposts h3 img {
    float: left;
    margin: 4px 0.5em 0 0;
}

Replace With

Code: [Select]
#forumposts h3 img {
    float: left;
    margin: 14px 0.5em 0 0;
}

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.

Offline schoolclubsforum

  • Semi-Newbie
  • *
  • Posts: 13
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #98 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.


Offline gecitli

  • Jr. Member
  • **
  • Posts: 171
    • webtiryaki.com
Re: Wide A Responsive Theme for SMF 2.0.11
« Reply #99 on: February 09, 2018, 02:37:49 AM »
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

http://www.webtiryaki.com
Free & Premium Responsive Themes for SMF.