Removing the White Space on this forum. (and others)
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Plusnet Community
- :
- Forum
- :
- Other forums
- :
- General Chat
- :
- Removing the White Space on this forum. (and othe...
Removing the White Space on this forum. (and others)
on
14-04-2016
5:55 PM
- last edited on
16-04-2016
10:57 PM
by
Mav
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
This is an edited version of the original, with new coding for replacing the white background, and changing the text to BLACK.
To change the background colour, use the “colour ring” as mentioned in Old Jim`s post. Change two instances of the HEX CODE #41c8b6! (this code should give you a deep turquoise colour for background ) that appear in the first three lines, by using the HEX CODE derived from the Colour Wheel
To change the background colour use "STYLISH".. an add-on for Firefox, but can be downloaded separately for other browsers I expect..
Once downloaded and installed, you should have a small icon at the top tool bar of a Square with an S in it..
Left click it and you get a drop down menu ...
Manage Styles.
Turn off all styles
Find styles for this site
Write new styles.
Manage styles, is just to do that.. either on or off,.. (in your library of styles )
Turn off all styles.... simple enough
Find styles for this site... here you will be presented with a huge selection of different styles, even for Google Home page.. and many other sites.
Write new style... well this is where you have to do some work, because there is no style listed for PlusNet.. Choose “For Plusnet
here is the one I use.. just copy and paste it into the space, and dont for get to "name " the style before you save it.. ( I call it "PlusNet Blue "..) I am sure that, if you don`t like the particular colour, you will be able to write your own hex colour where necessary..
Note.. for those using Chrome...
remove this line
@-moz-document domain("plus.net") {
and to remove the closing } on the last line...
remove the existing lines of code before pasting the code below. ......
___________________________________________________________________________________________________________________________
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("plus.net")
{
html, body {background-image:none!important;background-color:
#41c8b6!important;}
body div {background-color:
#41c8b6!important;
}
#sitemap, .sitemap-col, #dFoot, .dFootblock, #footCorners {
background-color: #695564!important;
}
#footer_illustration {
background-color: #FFFFFF!important;
}
#productbox, .productcolumn, .rightbox {
background-image:none !important;
}
#searcharea div, #searcharea ul, #searcharea li {
background-color: #ab1c6c!important;
}
#searcharea a, #searcharea label {
color:#ffffff!important;
}
.halfbox, #faqlist, #productbox, .productcolumn, .introcolumn {
background-image:none!important; background-color:#a0cca7!important;
}
#comHeaderContainer {
background-image: url('../images/com_hdr_bg.gif')!important;
}
#comHeaderContainer div {
background-color:transparent!important;
}
.catbg3, .msgbg1 td {
background-color: #badabf!important; background-image: none!important;
}
#bodyarea, #dContent {
border:8px solid #9F9F7E!important;
}
p { color: #000000; font-size: 100%; line-height : 1; padding: 0; margin: 0; border: 0;}
}
_________________________________________________________________________________________________________________________
Moderators Note.
OP edited at OP's request
Re: Removing the White Space on this forum. (and others)
14-04-2016 6:11 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Re: Removing the White Space on this forum. (and others)
14-04-2016 7:01 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Thanks for taking the time to explain that Shutter
maybe i will try it
Does it get rid of the awefull PINK boxes
BUT it also leaves the question , if Shutter can change the style with that code ,,,,,,,,,,,,,,,, Why cant Lithium / PN
samsung 850evo 250gig , WD black 2 TB . Asus Phoebus sound ,
16 gig Avexir ram 2400 , water cooling Corsair H100i gtx ,
Corsair 750HXI Psu , Phanteks Enthoo pro case .
Re: Removing the White Space on this forum. (and others)
14-04-2016 7:03 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Re: Removing the White Space on this forum. (and others)
14-04-2016 8:37 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Using Chrome on Windows 10 (64 bit) and the Stylish addon for it doesn't seem to work with @shutter 's code. Site still has a white background.
Re: Removing the White Space on this forum. (and others)
14-04-2016 8:40 PM - edited 14-04-2016 8:42 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
I hope you gave the "style" a name... and saved it after doing the copy and paste..
GO to the to icon on your toolbar... and left click it... you should have "your style name" listed... has it got a tick in the box next to it ? Maybe refresh the page as well.
Check " write new style"... there is a "fly out" menu with a small arrow to the right... did you choose "For PlusNet" or just "this url".. ? ? needs to be " For Plusnet" to work on all PN urls...
Re: Removing the White Space on this forum. (and others)
14-04-2016 9:09 PM - edited 14-04-2016 9:09 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Yes the style is named "PlusGreen", the code is a copy and paste of yours. it is for "URLS on the domain" = "community.plus.net", it is enabled, the save button has been pressed (and is greyed out now as there is nothing to save) and the icon on the toolbar is in colour and shows a 1.
And the answer for Chrome is not to use the line
@-moz-document domain("plus.net") {
and to remove the closing } too
And now it will work.
Answer came from stylish for google chrome
Re: Removing the White Space on this forum. (and others)
14-04-2016 9:19 PM - edited 14-04-2016 9:23 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Ok... So it works now then ? ?
Thanks for the info.... I have made a note on the orginal post about Chrome.
Re: Removing the White Space on this forum. (and others)
14-04-2016 9:31 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Yes it will work great once the
@-moz-document domain("plus.net")
and the closing bracket for the line are removed on Chrome.
A bit of a pain but once found not an issue going forward.
Thank you.
Re: Removing the White Space on this forum. (and others)
15-04-2016 9:19 AM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Re: Removing the White Space on this forum. (and others)
15-04-2016 2:41 PM - edited 15-04-2016 2:48 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
If you want to try the "colour wheel" you need to change two instances of... #badabf!important;} .... to what appears in the box on the left of the colour wheel... ( don`t forget to click on the wheel for the hex numbers to appear)
this one #41c8b6!important;} will give a somewhat darker and more blue (turquoisey) background.
If you can`t find them... the first one is under html,.body and the second is in the line above #sitemap, .sitemap-col,
I think this colour gives the forum a more "crisp" look,.. and seems to give better text contrast than the pale green
Re: Removing the White Space on this forum. (and others)
16-04-2016 11:46 AM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
samsung 850evo 250gig , WD black 2 TB . Asus Phoebus sound ,
16 gig Avexir ram 2400 , water cooling Corsair H100i gtx ,
Corsair 750HXI Psu , Phanteks Enthoo pro case .
Re: Removing the White Space on this forum. (and others)
16-04-2016 1:16 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
I'll be trying the iPad version next weekend while in Blackpool - will report my thoughts then.
CBA now, 'got used' to the laptop display.
Re: Removing the White Space on this forum. (and others)
16-04-2016 1:25 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
If you also find the user avatars too big, these 3 lines have help me out and just need to be added to your Stylish code for this site.
.lia-quilt-forum-message .UserAvatar > img { width: 34px; height: 34px;} .MessageList .lia-list-wide .UserAvatar > img {width: 34px; height: 34px;} .lia-panel .UserAvatar > img { width: 34px; height: 34px;}
If you're using Firefox, add the 3 lines above the last closing curly bracket.
On Chrome, just add at the end.

Re: Removing the White Space on this forum. (and others)
16-04-2016 1:30 PM
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Highlight
- Report to Moderator
Could someone using this Stylish plugin please post a screen shot of the forum with these CSS rules applied please.
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Plusnet Community
- :
- Forum
- :
- Other forums
- :
- General Chat
- :
- Removing the White Space on this forum. (and othe...