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 #2227398
​Hover type: zooming white
Closed

Comments

  • OVALADVERTISING started the conversation

    Good afternoon,

    I would like to change the portfolio "zooming white" effect across the whole website slightly. I'd like to have no icon on top, only the title, as well as no overlay colour.

    I basically only want the zooming effect along with the title. 

    Could you kindly help me with some custom css for that purpose? It would be greatly appreciated.

    Kind regards,

    Mili

  •  4,774
    Michael replied

    HI!

    pls. use following css:

    .hover-zooming-blur .portfolio-icons {
        display: none !important;
    }

     

    6707465710.png
  • OVALADVERTISING replied

    Hello, thank you so much for the fast reply!

    What about the white overlay? Can it become fully transparent so it's not visible?

  •  4,774
    Michael replied

    pls. use following css:

    .portfolio.hover-zooming-blur .portfolio-item .image .overlay:before {
        background-color: rgba(245, 242, 237, 0.1) !important;
    }

     

    6707465710.png
  • OVALADVERTISING replied

    You're great!

    One final request please.

    Can the overlay title font weight become white and bolder? As currently it is unreadable.

    Thanks in advance.

  •  4,774
    Michael replied

    pls. use following css:

    .hover-zooming-blur .title-h4 .light {
        font-weight: 700 !important;
        color: #fff !important;
    }

     

    6707465710.png
  • OVALADVERTISING replied

    Thank you so much!

    Have a great day.

  •  4,774
    Michael replied

    You're welcome!

    Please contact us if you have any questions.

  • OVALADVERTISING replied

    Sorry to bother you again, but how can I remove the hover icon from the styled gallery? 

  •  4,774
    Michael replied

    Pls provide more details with screenshots.

  • OVALADVERTISING replied

    I've managed to change the "zooming white" effect in the Styled Gallery options based on your previous coding.

    I'd like to remove the hover icon just like we did for the portfolio, but across all styled gallery items this time.

  •  4,774
    Michael replied

    I need a link to this page.

  •   OVALADVERTISING replied privately
  •  4,774
    Michael replied

    pls. use following css:

    .gallery-item .overlay .overlay-content .overlay-content-inner {
        display: none !important;
    }

     

    6707465710.png
  • OVALADVERTISING replied

    Thank you so much, Michael!

    You were an immerse help today.

    Kind regards,

  •  4,774
    Michael replied

    Please contact us if you have any questions.