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

Budget: $40
Delivery by January 19, 2013

Start Date

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 01:19 AM

49 Jobs Posted
60% Hire Rate, 1 Open Job

$3,539 Total Spent
34 Hires, 0 Active

$11.36/hr Avg Hourly Rate Paid
134 Hours

Member Since Aug 2, 2009