Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 7, 2018 at 10:26 pm #994593
    hoibi1984

    Servus,

    Im Einzelbild gibt es unter dem Reter “Beschriftung” die Möglichkeit ein Overlay zu vergeben.

    Ich würde hier gerne die Beschriftung immer anzeigen, die Überlagerung-Hintergrundfarbe aber nur beim Hover.

    Leider bin ich zu blöd dafür :-(

    Könnt ihr mir helfen?
    Hier der Link zur Seite: http://aero.ammersee-media.de/

    Merci
    Gruß
    Thomas

    August 8, 2018 at 10:47 am #994822
    Victoria

    Hey Thomas,

    Not sure I understand where you want to always show caption. Is it not on the front page?

    Could you please attach a mockup of what you’re trying to achieve?

    Nicht sicher, ich verstehe, wo Sie immer Titel anzeigen möchten. Ist es nicht auf der Titelseite?

    Könnten Sie bitte ein Modell von dem anbringen, was Sie erreichen wollen?

    Best regards,
    Victoria

    August 8, 2018 at 11:23 am #994863
    hoibi1984

    hey victoria,

    it´s pretty easy:

    If you look on the page aero.ammersee-media.de, there is a picture called “Ground Handling”. This Picture has a blue overlay and the overlay-text “ground handling”.

    The blue background-overlay hides on hover.

    I want to hide the blue backgroundoverlay by default and just show it on hover.

    Like on this site: http://weyer.aero/

    Do you understand?

    Thx
    and best regards
    Tom

    August 8, 2018 at 12:04 pm #994885
    Victoria

    Hi Tom,

    Thank you for the clarification.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg {
    opacity: 0.4 !important;
    background-color: #00519e;
}
#top .av-overlay-hover-deactivate .av-caption-image-overlay-bg {
  opacity: 0 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    • This reply was modified 6 years, 2 months ago by Victoria.
    August 8, 2018 at 12:27 pm #994913
    hoibi1984

    that works perfekt!

    Thank you so much!

    August 8, 2018 at 1:10 pm #994938
    Nikko

    Hi hoibi1984,

    Glad that Victoria helped you. :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘reverse hover effekt on single image’ is closed to new replies.