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