Reseller

Started by Diego Andrés, July 30, 2014, 11:08:08 AM

Previous topic - Next topic

colby2152

Quote from: motosimak on November 28, 2014, 04:31:33 AM
how to move the block to the left of the profile of the user message , as is done in the block news simpleportal here http://knowpc.ru/index.php?page=news

You are facing the same issue as I am.  For ideal display in mobile, we want the SimplePortal blocks to collapse.
ProFSL.com - Pro Fantasy Sports Leagues - Advanced fantasy sports leagues, contests, free chances at cash/prizes, and sports discussion.

Need a server? I am happy to advocate this hosting solution - hands on customer service and reliability is relieving!!!

rubix123

Wow great theme! Thank you so much for this.  ;D

I only have 1 problem..

Where can I lower the log in pop up window so that the main menu is not covering the top? ( I added the hovering menu on scroll down edit from the first page )

Thank you for any response :)

HRM

Quote from: -Captain Ghost- on August 01, 2014, 02:14:15 AM
There is a problem that theme is not resizing according to mobile screen size and one more problem that there is a Spanish text when you click login below password box.

Edit:
I had observed the code which is causing problem
It is a code in portal.css of simpleportal
Here it is body
{
min-width: 750px;
}


i had modified it to body
{
min-width: device-width;
}





Thanks! This has been very useful to me. Had same issue with a small LG. Also good to resize the header image.
To install something for the cat's 'cut' is never nice..... (old dutch saying) :D

CitrusSponge

I've been using this theme for awhile, and it's not very mobile friendly lol.

HRM

Agree, needs quite some modification in css for responsiveness. I can imagine it does work better without SimplePortal.
To install something for the cat's 'cut' is never nice..... (old dutch saying) :D

Akshtsaklani7

Just hide the left and right blocks of simple portal for mobiles using media screen and it works fine.

Quote from: rubix123 on November 28, 2014, 11:43:33 PM
Wow great theme! Thank you so much for this.  ;D

I only have 1 problem..

Where can I lower the log in pop up window so that the main menu is not covering the top? ( I added the hovering menu on scroll down edit from the first page )

Thank you for any response :)

find in reseller.css

header .modal-content {
box-shadow: none;
border: none;
}


replace
header .modal-content {
box-shadow: none;
border: none;
margin-top: 55px;
}

Oscar the Grouch

Quote from: Akshtsaklani7 on November 28, 2014, 02:16:29 AM
Quote from: Oscar the Grouch on November 25, 2014, 06:23:35 AM
is their away to change the value of the "recent unread topics button"  id like it to be just all unread.

Try this

Themes/default/languages/index.english.php
Find
$txt['unread_topics_visit'] = 'Recent Unread Topics';

Replace
$txt['unread_topics_visit'] = 'All unread';

will that give me all the unreads or just the button will say all unread?

colby2152

Quote from: Akshtsaklani7 on December 01, 2014, 02:11:03 AM
Just hide the left and right blocks of simple portal for mobiles using media screen and it works fine.

What is media screen?
ProFSL.com - Pro Fantasy Sports Leagues - Advanced fantasy sports leagues, contests, free chances at cash/prizes, and sports discussion.

Need a server? I am happy to advocate this hosting solution - hands on customer service and reliability is relieving!!!

Daniiel

Quote from: colby2152 on December 01, 2014, 08:09:40 PM
Quote from: Akshtsaklani7 on December 01, 2014, 02:11:03 AM
Just hide the left and right blocks of simple portal for mobiles using media screen and it works fine.

What is media screen?
"A media query consists of a media type and at least one expression that limits the style sheets' scope by using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself."

You can read more here: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

Returning to the case, he says add this code to the end of index.css.
@media (max-width: 991px) {
#sp_left, #sp_right
{
display: none;
}
}



colby2152

ProFSL.com - Pro Fantasy Sports Leagues - Advanced fantasy sports leagues, contests, free chances at cash/prizes, and sports discussion.

Need a server? I am happy to advocate this hosting solution - hands on customer service and reliability is relieving!!!

Akshtsaklani7

Quote from: Oscar the Grouch on December 01, 2014, 08:22:23 AM
will that give me all the unreads or just the button will say all unread?

The button will read all unread and clicking on that button will open up a page with a list of all unread threads/posts

motosimak

QuoteReturning to the case, he says add this code to the end of index.css.
Code: [Select]
@media (max-width: 991px) {
   #sp_left, #sp_right
   {
      display: none;
   }
}

unfortunately does not work

example of code set in the mobile version - knowpc.ru

Akshtsaklani7

Quote from: motosimak on December 05, 2014, 02:26:11 PM

unfortunately does not work


This has to be pasted in the end of the file themes/default/css/portal.css
@media only screen and (max-width: 480px)
{
#sp_left, #sp_right
{
display: none;
visibility: hidden;
}
}


It worked for me.. www.theultimatestep.net

HRM

#133
To make responsive when using SP agree with Akshtsaklani7.
Quote from: Akshtsaklani7 on December 06, 2014, 09:02:02 AM
This has to be pasted in the end of the file themes/default/css/portal.css

Or check here  for another helppage on the subject.
Works fine for me on most themes, also Reseller theme which I started to use as my main Mobile theme.  ;)


For space between sidebars and sp_center :

Quote from: Daniiel on August 20, 2014, 03:37:38 AM
Reseller.css

Add to the end:

#sp_center
{
     padding: 0 5px;
}


thanks a lot Daniel thats still very useful.
To install something for the cat's 'cut' is never nice..... (old dutch saying) :D

rubix123

Hello. The edit posted on the first page works on my desktop but in mobile the nav bar keeps fading in and out every second. Is anyone else having this problem? Or is everyone using something else for mobile support?


Quote from: Diego Andrés on July 30, 2014, 11:27:56 AM
Sure, just edit the reseller.css, find this
.navbar-default
{
background-color: #26282b;
border-color: #222427;
border-bottom-width: 0;
box-shadow: 0 -3px #222427 inset;
}


Replace with
.navbar-default
{
background-color: #26282b;
border-color: #222427;
border-bottom-width: 0;
box-shadow: 0 -3px #222427 inset;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}


And find
header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
}


Replace with
header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
margin-top: 50px;
}


Try  :P

Akshtsaklani7

Quote from: rubix123 on December 11, 2014, 12:58:09 AM
Hello. The edit posted on the first page works on my desktop but in mobile the nav bar keeps fading in and out every second. Is anyone else having this problem? Or is everyone using something else for mobile support?


Quote from: Diego Andrés on July 30, 2014, 11:27:56 AM
Sure, just edit the reseller.css, find this
.navbar-default
{
background-color: #26282b;
border-color: #222427;
border-bottom-width: 0;
box-shadow: 0 -3px #222427 inset;
}


Replace with
.navbar-default
{
background-color: #26282b;
border-color: #222427;
border-bottom-width: 0;
box-shadow: 0 -3px #222427 inset;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}


And find
header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
}


Replace with
header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
margin-top: 50px;
}


Try  :P

I had the same question. And the nav bar completely disappeared when i used to scroll to top on portal page. but I never got an answer to this. So I removed it.

bry82

#136
hi guys,
I was wondering what should I edit and how, to have vertical child boards listing, in two colums. I hope someone can help me out. ^^

HRM

Quote from: HRM on December 26, 2014, 06:09:38 AM
have it running quite smooth lately.
Only Youtube video do not resize on portal or posts so in mobile doesnt look too good. Screenshot attached.

I do realize its youtube sending dimensions, as its not in Simple Video Embedder either,  but is there a way to overule this in the reseller theme?

Thanks in advance.

PLease ignore me.  I had installed version 1.1. of Simple Audio Video Embedder instead of 3.1 !   :-[
Must have drunk too much yesterday. :laugh:

Happy Christmas !
To install something for the cat's 'cut' is never nice..... (old dutch saying) :D

n00bmonkey

#138
Hi Daniiel,

I installed this theme, and it's a big hit! I have a few questions if you have the time to answer.

When you look at the theme in portrait on a phone, it only shows board names and removes 'replies' and 'last post'... Is it possible to apply this effect to 'recent posts' section in the info center?
Basically only show recent post titles that are on the left, and not date and time on the right side. It tries to show everything now and gets jumbles on phones.

Also, when it is in portrait, is it possible to drop the avatar from showing altogether and have just the green nametag?

Thank you!

n00bmonkey

Figured out how to remove avatars in portrait. LOL everybody probably knows, but I'll add anyway.

Find:
.poster li.avatar
{
overflow: hidden;
padding: 0;
}


Add this below it:


@media (max-width: 992px)
{
.poster li.avatar
{
display: none;
}
}


Still trying to figure out the Recent Posts scaling.

Advertisement: