Absolute newbie needs to resize columns and fonts on a website

Subscribe to Absolute newbie needs to resize columns and fonts on a website 9 posts, 8 voices

Anil Kumar User

Hi, I'm not a geek or programmer or scripter. I'm here for help regarding a badly formatted website.

I commonly read news from this website: www.hindu.com. I have a widescreen monitor, and the site layout is too narrow for my wide screen, leaving large white spaces on each side. I want a script that will "autofit" the columns, with the middle column being about 70% of total screen width. Also, I would like the font size to be increased to 16 on the same page.

Anticipating someone kind enough to help me. Thank you very much!

 
Aquilax Scriptwright

Have you tried the FF native function to zoom in and out?
Menu --> View --> Zoom --> Zoom In (Ctrl++) / Zoom Out (Ctrl+-)

 
w35l3y Scriptwright

or ctrl + scroll mouse

 
JoeSimmons Scriptwright

Try this
http://userstyles.org/styles/12552

You need to install Stylish then click "Load into Stylish", edit the 450px to a size of your own, click preview to try it out, then "Save".

It doesn't autofit, but you can change the 450px to a size of your liking.

 
Avindra V.G. Scriptwright

@joe + anil:

You can install a userstyle for greasemonkey (although I prefer using Stylish): Joe's style in specific can be installed directly with this link.

 
Anil Kumar User

Thanks everyone for helping me. I tried both Stylish and Greasemonkey, but I liked Stylish better because it's easier to use for me. I have used the script written by joe, and customized it. The result looks like this: http://img252.imageshack.us/img252/1636/hinduoo...
There are two columns on the page - the left column contains the news article (stroked with red ink - which I want to widen), and the right column is a link sidebar (which I don't want that big, as you can see in the screenshot). Is there a way to specifically increase the width of only the news article, but not the sidebar?

Here is the script I'm using:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.hindu.com"), domain(thehindu.com), domain(hinduonnet.com) {

body center {
width:600px !important;
}

* {
font-size:14px !important;
}

}

 
znerp Scriptwright

@avg:

You can install a userstyle for greasemonkey (although I prefer using Stylish)
You could do it using Greasemonkey but rather than just a preference, Stylish would be by far the better solution when you're only adding css to a page.

@Anil Kumar: Glad you've found a solution, and if you have any specific questions relating to changing the style of the page, it might be worth looking at the forum over at userstyles.org too.

 
Kevin1002 Scriptwright

An easy way to do this is to download the Platypus Firefox add-on and do it from there.

 
lazyttrick Scriptwright

NoSquint extension is handy to zoom text and image. You set your options globally and per site, and you can add a zoom button to the toolbar.
https://addons.mozilla.org/firefox/addon/2592

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel