CSS Magician

Closed - This job posting has been filled and work has been completed.
Web, Mobile & Software Dev Web & Mobile Design Posted 3 years ago

Fixed Price

Delivery by January 19, 2013




Need IMMEDIATE (as in today) help styling a section of my website:

I know enough to get myself in trouble and I need a helping hand.

The section I need styled is the "Industry" section.
I have attached a mockup with two button states. One shows normal state and one shows link selected.  

Here is where I am so far

I have begun styling by creating a class for the entire section and a separate class for each buttom as well as a class for the "piping" (vertical separator line).
I am using a single transparent png for all of the icons and positioning the image within a block using the scroll icon
Only the background color changes when selected. Right now the bkd colors are intentionally wrong so I can see what I amd doing.
Eventually there will be no color bkd in the unselected state or (it will match the exixting bkd). The selected state should be a brighter by perhaps 10.

My main problem is that I do not want the piping  to be a selectable element and I am having trouble styling it otherwise.
My other problem is that I am very slow at doing this and I am running out of time.

One more thing is that the mockup shows this section taller than I want it. Please make it  70px high with the ability to adjust the height.

Please do not alter the graphic element that I am using and keep the text of these buttons editable (in other words please do not make an image out of the text)

The site is built using the Executive Child theme running on the Genesis parent. Familiarity with Genesis is preferred.

About the Client

(4.99) 19 reviews

United States
Richmond 05:27 PM

47 Jobs Posted
62% Hire Rate, 2 Open Jobs

$3,539 Total Spent
34 Hires, 0 Active

$11.36/hr Avg Hourly Rate Paid
135 Hours

Member Since Aug 2, 2009