Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #1179676
Product gallery tansparency
Closed

Comments

  •  2
    Ina started the conversation
    May 22, 2017 at 2:34pm

    Hi Gregor,

    I would like to edit the transparency % of the two blocks I show you in the attached image.

    How could it be done?

    Thanks in advance

  •  444
    Sergio replied
    May 23, 2017 at 9:11am

    HI!

    pls. use following css:

    .gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
    opacity: 0.5 !important;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg {
    fill: rgba(136,181,78,0.5) !important;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before,
.gem-gallery-hover-default .active .gem-gallery-item-image:after {
    background-color: rgba(136,181,78,0.5) !important;
}

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 23, 2017 at 5:24pm

    Hi Sergio,

    I have added those css styles in the "style.css" file directly from the Filezilla and it works fine.

    Is there any problem in adding them this way? I was not sure the place you were telling me to do it whit the scrrenshot so I tried that way and it worked fine but I don´t know if this could bring some side effects.

    Thanks

  •  444
    Sergio replied
    May 24, 2017 at 10:31am

    Hi,

    If you want to apply this style on the entire site then there will be no problems, if on a specific page, then add the code only for this page

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 24, 2017 at 2:05pm

    I get it, thanks a lot!

    See you