Skip to content
View in the app

A better way to browse. Learn more.

MSFN

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

MY WPI

Featured Replies

Can someone please help me with my WPI 4.2 Screen?

1# My columns are too far apart.

How can I get the second column to move to the left?

2# My catagories are too close to each other

I need them to be seperated from the top catagory.

3# When I go to Options; the description writing doesnt fit on my screen.

The writing is to the right of my screen and I canno scroll across.

Any help would be much appreciated. Please be detailed as possible, cos Im still a n00b :hello:

post-67010-1132961880_thumb.jpg

  • Author
#1 What screen size are you using?

#2 Have you modifies ANY files?

#3 Spacing of cullums and such is in the themes WPI.css file.

#1 My screen size 1024x768

#2 I have not modified any files apart from adding your Theme.

#3 Which values do I edit to move the columns to the left so they fit on the screen?

html { 
scrollbar-arrow-color:#AEFFFF;
scrollbar-track-color:#5A7EDC;
scrollbar-face-color:#478FDD;
scrollbar-highlight-color:#69B8FF;
scrollbar-3dlight-color:#3577C5;
scrollbar-darkshadow-color:#194890;
scrollbar-shadow-color:#2862AE;
}

body
{
background-color: #5A7EDC;
font-family: arial;
font-weight: bold;
font-color: #ffffff;
margin: 0px;
}

a:link
{
text-decoration: none
}

a:active
{
text-decoration: none
}

a:visited
{
text-decoration: none
}

a:hover
{
text-decoration: none
}

.mainbtn
{
margin-left: 10px; <---- Here!
margin-right: 0px;
margin-top: 6px;
}

.txt
{
font-family: arial;
font-weight: bold;
color : #FFFFFF;
font-size : 8pt;
margin-left: 2px;
margin-right: 10px; <---- Here
margin-top: 10px;
margin-bottom: 50px;
}

.side
{
font-family: monotype corsiva, arial;
font-weight: bold;
color : #000000;
font-size : 19pt;
margin-left: 5px; <---- Here
margin-right: 5px;
margin-top: 10px;
margin-bottom: 50px;
}

.txtboxshow
{
font-family: Arial;
font-weight: bold;
font-size : 12pt;
color:#FFFFFF;
border:1px none;
}

.tclass
{
width: 100%;
height: 100%;
margin: 0px;
border: 0px solid;
}

.rtclass
{
width: 100%;
height: 95%;
}

.category
{
font-family: tahoma;
font-weight: bold;
color : #FFFFFF;
font-size : 10pt;
margin-left: 35px;
margin-right: 10px;
margin-top: 12px; <----And here
margin-bottom: 0px;
}

.CfgTextBox {
background-color: #5A7EDC;
margin: 0px;
padding: 1px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #CCCCCC;
cursor: text;
font-variant: normal;
color: #FFFFFF;
}

}

.timer {
background-color: #18339f;
border: 1px solid #000000;
padding: 1px;
}

.backnext
{
font-family: arial;
font-weight: bold;
color : #FFFFFF;
font-size : 8pt;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 50px;

These are the kinda values you want to play with...

  • Author

I've played around with it and figured it out! The value I had to change was this;

.tclass

{

width: 100%; <------- Here (Changed to 85%)

height: 100%;

margin: 0px;

border: 0px solid;

Hey kelsenellenelvian, I really dunno how you find the time to answer all these questions..

GREAT JOB! Thanks for all your Help!!!

Ummm I would say to edit the themes hmtl file and change the values under this section:

<div id="layergroup">

<div id="layerboxes" style="position:absolute; display:block; z-index:100; width:100%; height:100%; left:75; <--- add this in and play with the value

  • Author

I got a couple of more questions, hope kelsenellenelvian can help me again.

#1 How do I get the Countdown Timer back?

I once disabled it through "Config", but now I enabled it again with 220secs set, but it does not appear.

Please tell me the manual way of enabling it.

#2 Computer doesn't restart at the end of Installation?

WPI Installs everything fine, but I thought it was supposed to restart at the end of Installation.

Thanks lots!

# 1 = Countdown timer is part of the options button section I know annoying but it will be fixed.

#2 = there is a section in wpi.cmd that does the restarting you just need to remove the "REM" from the front of it so it is active.

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.