cancel
Showing results for 
Search instead for 
Did you mean: 

Removing the White Space on this forum. (and others)

Community Veteran
Posts: 16,862
Thanks: 1,141
Fixes: 13
Registered: 06-11-2007

Removing the White Space on this forum. (and others)

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

82 REPLIES
Community Veteran
Posts: 6,586
Thanks: 206
Fixes: 14
Registered: 16-02-2009

Re: Removing the White Space on this forum. (and others)

Cheers Shutter.
Hex codes can be found here http://www.color-hex.com/color-wheel/
rongtw
Seasoned Hero
Posts: 6,337
Thanks: 1,156
Fixes: 11
Registered: 01-12-2010

Re: Removing the White Space on this forum. (and others)

Thanks for taking the time to explain that Shutter Thumbs Up

maybe i will try it

Does it get rid of the awefull PINK boxes Ticked off

BUT it also leaves the question , if Shutter can change the style with that code ,,,,,,,,,,,,,,,,  Why cant Lithium / PN

Asus ROG Hero Vii Z97 , Intel i5 4690k ,ROG Asus Strix 1070,
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 .
Community Veteran
Posts: 6,586
Thanks: 206
Fixes: 14
Registered: 16-02-2009

Re: Removing the White Space on this forum. (and others)

You would have to change the style for the them, it only changes the background colour by default.
SpendLessTime
Aspiring Hero
Posts: 2,375
Thanks: 585
Fixes: 53
Registered: 21-09-2009

Re: Removing the White Space on this forum. (and others)

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. 

Community Veteran
Posts: 16,862
Thanks: 1,141
Fixes: 13
Registered: 06-11-2007

Re: Removing the White Space on this forum. (and others)

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...

 

 

SpendLessTime
Aspiring Hero
Posts: 2,375
Thanks: 585
Fixes: 53
Registered: 21-09-2009

Re: Removing the White Space on this forum. (and others)

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

Community Veteran
Posts: 16,862
Thanks: 1,141
Fixes: 13
Registered: 06-11-2007

Re: Removing the White Space on this forum. (and others)

Ok... So it works now then  ? ?   

 

Thanks for the info.... I have made a note on the orginal post about Chrome.

 

SpendLessTime
Aspiring Hero
Posts: 2,375
Thanks: 585
Fixes: 53
Registered: 21-09-2009

Re: Removing the White Space on this forum. (and others)

@shutter

 

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.

Community Veteran
Posts: 6,586
Thanks: 206
Fixes: 14
Registered: 16-02-2009

Re: Removing the White Space on this forum. (and others)

Just a pity it doesn't get rid of the excess white space, just changes the background.
Community Veteran
Posts: 16,862
Thanks: 1,141
Fixes: 13
Registered: 06-11-2007

Re: Removing the White Space on this forum. (and others)

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

rongtw
Seasoned Hero
Posts: 6,337
Thanks: 1,156
Fixes: 11
Registered: 01-12-2010

Re: Removing the White Space on this forum. (and others)

I have found a way of removing white spaces , USE your phone 📱 it actually looks better now , with a small screen 😉 you can read clear text , not too grey
Asus ROG Hero Vii Z97 , Intel i5 4690k ,ROG Asus Strix 1070,
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 .
jab1
Seasoned Pro
Posts: 1,508
Thanks: 268
Fixes: 5
Registered: 24-02-2012

Re: Removing the White Space on this forum. (and others)

I'll be trying the iPad version next weekend while in Blackpool - will report my thoughts then.Wink

 

CBA now, 'got used' to the laptop display.

John
SpendLessTime
Aspiring Hero
Posts: 2,375
Thanks: 585
Fixes: 53
Registered: 21-09-2009

Re: Removing the White Space on this forum. (and others)

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.

Community Veteran
Posts: 4,778
Thanks: 1,056
Fixes: 27
Registered: 16-10-2014

Re: Removing the White Space on this forum. (and others)

Could someone using this Stylish plugin please post a screen shot of the forum with these CSS rules applied please.