- Posts: 16
COMMUNITY FORUM
Make thumbnails grayscale
- Piet Carion
-
Topic Author
- Offline
- New Member
Less
More
12 years 6 months ago #50775
by Piet Carion
Make thumbnails grayscale was created by Piet Carion
Hi,
does somebody know how I can change the colour of the thumbnails to grayscale?
The pop-up image is full colour.
Can it be done with css?
does somebody know how I can change the colour of the thumbnails to grayscale?
The pop-up image is full colour.
Can it be done with css?
Please Log in or Create an account to join the conversation.
- Katia
-
- Offline
- Platinum Member
Less
More
- Posts: 4696
12 years 6 months ago #50776
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Make thumbnails grayscale
Please provide me with a link to your gallery in order to realize what you are trying to change.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Piet Carion
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 16
12 years 6 months ago #50777
by Piet Carion
Replied by Piet Carion on topic Re: Make thumbnails grayscale
Hi Katia
here is the link:
www.testcarion.be/index.php?option=com_content&view=article&id=4&Itemid=109
I want to make the thumbnails grayscale, but all the large images full colour
thanks
here is the link:
www.testcarion.be/index.php?option=com_content&view=article&id=4&Itemid=109
I want to make the thumbnails grayscale, but all the large images full colour
thanks
Please Log in or Create an account to join the conversation.
- Katia
-
- Offline
- Platinum Member
Less
More
- Posts: 4696
12 years 6 months ago #50778
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Make thumbnails grayscale
The border of the thumbs' background can be found in this file: plugins/content/jw_sigpro/jw_sigpro/tmpl/Classic/css/template.css and can by modified by changing border and padding of this element:
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {
border: 1px solid #cccccc;
display: block;
float: left;
margin: -5px 0 0 -5px;
padding: 4px;
}
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- Piet Carion
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 16
12 years 6 months ago #50779
by Piet Carion
Replied by Piet Carion on topic Re: Make thumbnails grayscale
Hi,
I found a very easy solution:
simply add this to your css using:
.sigProLink {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'www.w3.org/2000/svg\'> #grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
I found it here:
www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
I found a very easy solution:
simply add this to your css using:
.sigProLink {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'www.w3.org/2000/svg\'>
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
I found it here:
www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
Please Log in or Create an account to join the conversation.
- Katia
-
- Offline
- Platinum Member
Less
More
- Posts: 4696
12 years 6 months ago #50780
by Katia
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Katia on topic Re: Make thumbnails grayscale
Ignore my previous answer please. I thought you were referring to the borders of the thumbs.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.