Can you change the forum's text size and the number of colours

zx2011

Hello,

It's a great website but I was wondering if:

o You could fixed it so that the text size changes when I use my browser's "Text Size" feature?

o Can you make the navigation path bigger please? The bits that say:

oo MoneySavingExpert.com » The Site & Martin » Contact Details & Technical Enquiries
oo Sub-boards : Debt-Free Wannabe
oo Home » Forums > MoneySaving And The Site > Site Feedback: Questions & suggestions » Post New Thread

o Can you reduce the number of colours to just green and black?

I'm dyslexic and find using the forum very hard and get headaches quite quickly. Having all the text the same size doesn't help either. Headings need to be made bigger the higher up they are in the page's structure.

Many thanks, :T

Marc

redux

That's odd, as I can alter the text size

But when I tried the View > Text Size menu, then just as you say - nothing happens

Instead, try using the control key and the scroll wheel on the mouse - which does work

Savvy_Sue

Just wondering if you can't set your computer's accessibility options to make it all a bit bigger? The Techie board would know how to do that, I'm sure ...

Or is it just this site which is a problem?

zx2011

Wow I've worked out how to do it ourselves.........

I'm still working on it but I wanted to show you what I've done so far.

Initailly I got it working in Firefox but I use Internet Explorer mostly and it turns out that is the the easiest to fix.

So here's what MoneySavingExpert.com looks like for me now:


Here's how I did it:

For Internet Explorer, see further below for Firefox:
1. Save this as a text file called mse01.css somewhere on your computer.
NB: change all "!!" to an open curly brace the opposite of "}" It's the key to the right of "P" on your keyboard.
_____________________________________
.tcat !!
background-color: #FFFF99 !important ;
color: #FF0000 !important ;
font-size: 133% !important ;
}

#breadcrumb !!
background-color: #FFFF99 !important ;
border: medium solid #FF0000 !important ;
padding: 0.5cm!important ;
color: #FF0000 !important ;
font-size: 133% !important ;
}
#breadcrumb a !!
color: #FF0000 !important ;
font-size: 133% !important ;
}

#breadcrumb a:link !!
color: #FF0000 !important ;
font-size: 133% !important ;
}

#breadcrumb a:visited !!
color: #FF0000 !important ;
font-size: 133% !important ;
}
#breadcrumb a:hover !!
color: #FF0000 !important ;
font-size: 133% !important ;
}
#breadcrumb a:active !!
color: #FF0000 !important ;
font-size: 133% !important ;
}
_____________________________________

2. In Internet Explorer do
2.1 Tools.Internet Options
2.2 Click on the Accessibility button which is under Appearance in the General tab.
2.3 Tick the checkbox for Fomat documents using my style sheet
2.4 Set Style Sheet: to the file you saved from step 1 above.

Note: This will affect all websites you use so you may wan't to swtich it off while not using MonseSavingExpert.com. Just untick the check box.

For Firefox users:
1. Install the Stylish add-in from http://userstyles.org/stylish/
2. Restart Firefox
3. On the status bar at the bottom of Firefox's window click the Stylish button.
4. Click on Write Style.For This URL...
5. Replace all the text with:

NB: change all "!!" to an open curly brace the opposite of "}" It's the key to the right of "P" on your keyboard.
___________________________________________________
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("moneysavingexpert.com") !!
.tcat !!
background-color: #FFFF99 !important ;
color: #FF0000 !important ;
font-size: 133% !important ;
}

#breadcrumb !!
background-color: #FFFF99 !important ;
border: medium solid #FF0000 !important ;
padding: 0.5cm!important ;
color: #FF0000 !important ;
font-size: 133% !important ;
}
#breadcrumb a !!
color: #FF0000 !important ;
font-size: 133% !important ;
}

#breadcrumb a:link !!
color: #FF0000 !important ;
font-size: 133% !important ;
}

#breadcrumb a:visited !!
color: #FF0000 !important ;
font-size: 133% !important ;
}
#breadcrumb a:hover !!
color: #FF0000 !important ;
font-size: 133% !important ;
}
#breadcrumb a:active !!
color: #FF0000 !important ;
font-size: 133% !important ;
}

}
_____________________________________
That's it. Good luck.

IamJen

Hm. That's interesting. I just tried the regular view menu way here (on FF 2.0 for Mac) and it worked fine.