Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 15, 2014 at 5:14 pm #319293
    Beggers

    Hi,

    is there a easy way to modified the ajax portfolio like the way in the choices theme? I want the active Portfolio been colored and the inactice grayscaled.

    Thanks in advance.

    Kind regards.
    Björn

    September 15, 2014 at 5:21 pm #319296
    Yigit

    Hi Beggers!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .grid-links-ajax .image-overlay {
display: none!important;
}
.grid-links-ajax img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.grid-links-ajax img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

    Regards,
    Yigit

    September 15, 2014 at 11:24 pm #319479
    Beggers

    Thanks Yigit. Now the actice in ajax is colored. but i want also the actice under the ajax been colored. in choices it works. please see me site: http://www.eggers-eisenwaren.com. for example: when the first logo is active (simpson) the image under the ajax should be colored.

    thanks in advance.

    kind regards.

    björn

    September 16, 2014 at 7:57 am #319627
    Ismael

    Hey!

    You can use this for the active portfolio item:

    .active_portfolio_item img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

    Regards,
    Ismael

    September 19, 2014 at 11:08 am #321807
    Beggers

    Thanks, it already works. And what code i have to use if i want to use the grayscale at the partner logo element instead of the portfolio?

    thanks in advance.

    kind regards.

    björn

    September 19, 2014 at 1:23 pm #321866
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia-logo-element-container  .image-overlay {
display: none!important;
}
.avia-logo-element-container img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.avia-logo-element-container img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.