Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1179676
Product gallery tansparency
Closed

Comments

  •  2
    Ina started the conversation

    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

  •  433
    Sergio replied

    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

    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

  •  433
    Sergio replied

    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

    I get it, thanks a lot!

    See you