Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2015 at 9:06 pm #518926
    bettina246

    Hallo,

    beinahe fertig mit der Seite. Jetzt hab ich noch eine Kleinigkeit ueber die ich stolpere.

    Da die Videointegration nicht so eins-zwei-drei fuer den mobilen Bereich moeglich ist, habe ich einen anderen Weg eingeschlagen.
    Ich habe ein Image Layout Element eingesetzt und via den Link das Vimeo Video verlinkt. Dies funtioniert wunderbar. Auch auf mobilen Geraeten. Nun moechte ich doch gerne das Aussehen des hover Objektes aendern, weiss aber nicht so recht welchen CSS Style ich hier ansprechen muss. Vielleicht koennt ihr mir ein wenig auf die Spruenge helfen?
    Habe die Screenshots mit meiner Frage angehaengt.

    http://www.pelicansnestbonaire.com/images/kriesi/screenshot-video1.jpg

    http://www.pelicansnestbonaire.com/images/kriesi/screenshot-video2.jpg

    Vielen lieben Dank im voraus.

    Gruss
    Bettina

    October 15, 2015 at 11:37 am #519144
    Ismael

    Hi bettina246!

    Thank you for using Enfold.

    Use this in the Quick CSS field to change the overlay icon:

    .image-overlay.overlay-type-video .image-overlay-inside:before {
    content: url(IMAGE URL HERE);
}

    Add the new image url.

    Regards,
    Ismael

    October 15, 2015 at 2:21 pm #519317
    bettina246

    Hi Ismael,

    Thank you for your quick answer, but unfortunately it is not doing what I would like.

    Before the image gets in hover state, I would like to see the button like on the first screenshot I posted.

    And when you hover over the image, the background color is not white with the red circle and arrow, but black color background with the custom image instead the red circle with arrow. (If you go to http://www.ramonesteve.com/en/project/the-forest-house/ and scroll a little down to the video you can see what I mean).

    Kind regards,

    Bettina

    October 16, 2015 at 1:44 pm #519939
    bettina246

    I figured out myself! Yeah!

    Regards,
    Bettina

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Image Overlay’ is closed to new replies.