Closed

Joomla 2.5 + Virtuemart - Product search results change website background colour - required coder - repost

This project received 9 bids from talented freelancers with an average bid price of $164 AUD.

Get free quotes for a project like this
Employer working
Project Budget
N/A
Total Bids
9
Project Description

[url removed, login to view]

On this this website you will notice there is a colour sort feature allowing customers to filter products in the store by their primary colour.

The objective is this:
When a customer clicks a colour, the background of the website will change to match that colour, the change in colour MUST maintain the gradient style, overlay pattern and the colour must be a 'stylish' representation of the colour product selected.

Backgrounds need to be set to search results like:
[url removed, login to view]

Similar website:
[url removed, login to view]

CSS style:
#art-main
{
background: #5ADD4B url('../images/[url removed, login to view]') scroll;
background: linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
background: -webkit-linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), -webkit-linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
background: -moz-linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), -moz-linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
background: -o-linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), -o-linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
background: -ms-linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), -ms-linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
background: linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
-svg-background: linear-gradient(top, rgba(28, 102, 19, [url removed, login to view]) 0, rgba(54, 198, 38, [url removed, login to view]) 83px, rgba(221, 248, 218, [url removed, login to view]) 250px) no-repeat, url('../images/[url removed, login to view]'), linear-gradient(top, #29961D 0, #3AD629 83px, #B0EFA9 250px) no-repeat;
margin: 0 auto;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online