I need 2 custom image for this color multi and pattern I hope you can add this feature soon. Example in the screenshot below.
LIVE PROGRESS
feature attachments:
Custom image color filter
🤴🏽 shared this feature
July 18, 2019
© WP Intense OÜ
6 Sepapaja tn
Tallinn
Harju maakond
15551
Estonia
VAT: EE102603664
Hi – it would be possible to implement this currently using CSS.
Basically, you need to alter the CSS for whatever you call your ‘multi’ and use a background image instead of a solid colour.
e.g. Create a new colour, give it a unique colour code and note that code down. Name the colour ‘Multi’ then add this CSS:
.wpilabel.wpicolour[style="background-color:#012345"] {
background-image:url(https://www.yourimage.com/image.png);
background-repeat:no-repeat;
background-size:cover;
}
Replace the background-color code above with whatever code you set for your ‘multi’ and the image url with whatever background image you’d like to use.
Thank you for the advice!
In my case doesn’t work.
Works using this instead:
.fwwattributelink[title=”Pattern”] {
background-image: url(https://www.yourimage.com/image.png);
background-repeat: no-repeat;
background-size: cover;
}
You can also use a linear gradient:
background: linear-gradient(45deg,#f6c,#fff200 50%,#0fc);
or
background: linear-gradient(to right, red 20%, orange 20% 40%, yellow 40% 60%, green 60% 80%, blue 80%);
or
background: linear-gradient(to right, #fd3 25%, #5ad36c 25% 50%, #0f73ad 50% 75%, #f563b9 75% 100%)
or
background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
Wow, this is faster no image required. Thank you!