Edit login and select category pages

[rainie +]

v4.1.6 Developer
Template: 3 col

Hi,

Could anyone tell me how I can go about editing the text alignment and size for the 'log in' page and 'select category' pages alone?
Re: login page, I'm trying to bring the 'Please enter username/password' text closer to the text box. I do not want this to affect any other pages however.
Re: select category page I would like to center or at least be able to align all the content there.
Changed the content text align to center, but this obviously changes most all pages.

Any help appreciated.
Thanks

[shanedawg +]

I believe this is where you would look to change the distance between username/password and the associated boxes.

templates/3col/css/style.css

open the style.css and change the padding under the entry:

td.formleft {
font-size:11px;
font-weight:bold;
padding-right:0;


As for your other issue, I'm not quite sure. You should look into the Firefox browser with the Firebug add-on. It will make your life easier. You can play with the CSS settings on the fly to see what works on certain pages.

[seymourjames +]

Firebug is good and so is the free web developer tool for firefox. If you change this piece of css it may have undesirable effect elsewhere so do it with caution and always comment code when you make changes as upgrade becomes impossible otherwise. You should check where this css is is being used throughout the template first by either using one of those tools that shane suggests on each type of page you have in your site or doing a search using your development environment on the css tags you intend to change. The latter being the quickest if you use something like CODA or Dreamweaver.

[rainie +]

Hi and thanks for the responses.
Unfortunately there is no reference at all to td.formleft, (or right) in the stylesheet. I've not edited it out, it just isn't there.
I have the firefox addon and have been using it, but it shows 'no style information' even though the class is td.formleft.

Am a bit stumped really. Any other suggestions/further help?

Thanks

[shanedawg +]

Since the class is already created, you can add that rule yourself and change the padding to suit your needs. But like Seymour James said, be careful and note your changes. You should back up your files if you haven't already.

Something like this in your style.css may get you close to what you wanted.

td.formleft {
padding-left:10px;
}

I hope this helps.