New Landing › How can we help? › Themeforest Theme Support › Dante › figure.animated-overlay

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Dante
  • February 6, 2014 at 8:04 pm #47133
    ruious
    Member
    Post count: 12

    Please looking for help
    I believe this is the correct style (figure.animated-overlay)
    On main portfolio page there is no offset of animated-overlay on image rollover.
    See Image 1

    On portfolio subpage there is an offset.
    See Image 2

    February 6, 2014 at 8:05 pm #47135
    ruious
    Member
    Post count: 12

    Sorry.
    Image 2

    I am trying to NOT offset the second overlay

    Please someone help
    Thanks much
    Sean

    February 10, 2014 at 8:38 pm #47726
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try adding this to your custom css:

    figure.animated-overlay:hover figcaption {
  opacity: 1;
  transform: translate(0px, 0px);
}

    – Kyle

    February 14, 2014 at 9:00 pm #49090
    ruious
    Member
    Post count: 12

    Thanks Kyle,
    I gave that a try in both the custom css under theme options
    and in the editor style.css and neither worked.

    Thoughts?
    Sean

    February 15, 2014 at 9:17 am #49134
    Tahir – SUPPORT
    Member
    Post count: 1212

    Hi,
    Please use this extended css 

    figure.animated-overlay.overlay-alt:hover figcaption {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

    Thanks
    Tahir

    February 15, 2014 at 1:23 pm #49152
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Thanks Tahir!

    February 16, 2014 at 11:06 pm #49384
    ruious
    Member
    Post count: 12

    thanks kyle and Tahir,
    just to confirm I need to add this to the theme options/ custom css
    or should I add to the stylesheet.css in the editor?

    Thanks again.
    Sean

    February 17, 2014 at 8:12 pm #49710
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    If you are using a child theme, add it to the style.css file, but if you are not using a child theme add it to the custom css in theme options. This way it does not get overwritten when you update the theme.

    Kyle

    February 18, 2014 at 9:34 pm #50067
    ruious
    Member
    Post count: 12

    Thanks guys, but darn it’s not working correctly.
    You’ll notice on this page how the hover offsets still
    http://studiosevenarts.com.host01.cfdynamics.com/christopher-walsh/

    BTW, thank you so much for help on this.

    Sean

    February 20, 2014 at 7:03 pm #50621
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Change it to this:

    figure.animated-overlay.overlay-alt:hover figcaption, figure.animated-overlay:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

    – Kyle

    February 20, 2014 at 7:24 pm #50626
    ruious
    Member
    Post count: 12

    Kyle is the MAN..that was it brother. thank you thank you thank you.

    February 20, 2014 at 8:05 pm #50637
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem glad I could help!

    – Kyle

  • Back to forum
    Posted in: Dante
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register