Newbie Needs Some CSS Help

Hey guys,

I have this job search script running at http://www.automationjobs.net and I wanted to do some simple CSS changes to make it look more like this: http://www.indeed.com/jobs?q=automation&l=

Basically I just want to align it left, widen the columns, and add a column on the right for advertisements. The problem is this script is being hosted on jobomatic.com and I don't have access to the style sheet.

I have access to the header and footer so I'll need to do some CSS overrides from there based off the source code. It seems pretty simple but I don't know much about CSS at all. Can anyone help me?

Reps/thanks given for any help!

 

Ok so I got it to align left and I widened the left column. Now I need to widen the main column and add a right column. Any suggestions?

 

Hi awl03c,

to override the other styles that are proving difficult, add !important to the end. For example, to change the width of the body from 950px to your value, add this in your CSS document:

body { width:1050px !important; }

That'll tell it to use that style, it may not be necessary for every style you add. To add more styles you'd just do it as normal:

body { width:1050px !important; color:#333; font-size:1.2em; }

I hope this makes sense.

 

Thanks. I've made some progress. I've added a column to the right.

The thing I can't figure out is how to stretch out the middle column where the job listings are! I've tried changing a bunch of different classes and none of them work.

 

Also, would it be possible to insert text into a div that already exists?

 

To change the size of the middle column, you would need to insert the following css:

.body { width:auto !important; }
.main { width: yourwidthpx !important; }

auto will make the site stretch. The size of the .body div is the full width of all three columns, so you can add a fixed width, it just depends how wide you want the site.

How come you don't have access to the actual code?

 

Nailed it! There was another table inside 'main' called 'listings' that had to changed.

Now I just need to figure out how to make the main column variable width... for some reason it just takes over the whole page when I set it to auto or 100%