Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 6, 2019 at 6:25 pm #1075581
    realisedesign

    Hi guys thanks for all you support with Enfold,

    I had a developer do some custom hover effects quite a long time ago. Seems that that hover effect doesn’t work so well when the images are big (and maybe when they are small too!)

    Do you have the CSS so that I could change it to something like I’ve included in the private content section?

    March 6, 2019 at 6:28 pm #1075583
    DigitalEssence

    I can’t see the CSS as it is private content but have you tried to add the page class selector to the CSS so it only changes that specific page?

    ie:

    .page-id-11 .mycustomselector {my custom CSS;)

    March 6, 2019 at 6:34 pm #1075584
    realisedesign

    Hey, thanks for replying.

    Is the documentation for the masonry hover effect available? Problem is I have limited coding knowledge so I don’t exactly know what parameters I should be changing without breaking it completely.

    I get that I need to do page id and element but after that I’m a bit lost. Trying to make it look like this:

    https://ibb.co/dJPp7yz

    With page title and excerpt displaying as the text.

    Any ideas? Seems like it would be simple to anyone who understands the theme?

    Thanks again.
    Sean

    March 6, 2019 at 6:37 pm #1075586
    realisedesign
    This reply has been marked as private.
    March 6, 2019 at 8:30 pm #1075608
    realisedesign

    I should probably say, I’m happy to change this site-wide if needed. But if for a start we could get it only on the one page I can then assign it to the others if needed.

    Thanks again guys, this is why you are the no1.

    Sean

    March 10, 2019 at 6:15 pm #1077057
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

    March 27, 2019 at 12:53 pm #1083547
    realisedesign

    HI Basilis,

    Thanks for re-opening this, and apologies for duplicate post it was due to this post being closed for replies.

    Can you help out?

    tbh I think I just need to remove all the custom CSS (and PHP?) that the dev put in, then use a simpler method, something like this:

    https://kriesi.at/support/topic/masonry-portfolio-hover-title-and-excerpt/

    but i’d like a (2px?) line in the middle of the title and excerpt.

    Basically this: http://tinypic.com/view.php?pic=29kp2z8&s=9#.XJtVryj7QuU

    I’d like to change it everywhere, get rid of the old effect, really don’t like it anymore.

    Can you help at all?

    Thanks guys,
    Sean

    March 31, 2019 at 8:11 pm #1085159
    Mike

    Hi,
    Sorry for the late reply, I couldn’t login to your WordPress admin, but I still took a look at your masonry items to add a line between the title and excerpt.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .av-masonry-entry.isotope-item.portfolio .av-masonry-entry-title {
border-bottom: 2px red solid;
}

    Best regards,
    Mike

    April 11, 2019 at 5:53 pm #1089650
    realisedesign

    Hi Mike, thanks for your response.

    How about removing the animation stuff that’s going on?

    April 12, 2019 at 3:23 am #1089830
    Mike

    Hi,
    Thank you for the login, unfortunately I couldn’t edit your css because I don’t have admin access. It would be much better to remove the custom css than to try to overwrite it.
    So for the animation you want to remove, I assume that we are talking about the shrinking red background color on hover. Correct?

    Best regards,
    Mike

    April 12, 2019 at 10:37 am #1090007
    realisedesign

    Sorry Mike!!!

    I’ve given you admin access now!

    Apologies

    April 12, 2019 at 10:44 am #1090009
    realisedesign

    Thanks Mike,

    Ideally, an ##272425 transparent background on hover. (60% Opacity)

    Like this http://tinypic.com/view.php?pic=29kp2z8&s=9#.XLBPhuhKguV

    Is it possible to make the border smaller? not to stretch across the full width of the div?

    Thanks,
    Sean

    • This reply was modified 5 years, 8 months ago by realisedesign. Reason: Being polite and adding 60% opacity
    April 13, 2019 at 5:34 pm #1090401
    Mike

    Hi,
    I couldn’t see the image you linked to on the tinypic site, but I think I understood. I removed the red on-hover overlay and ensured the black overlay was restored.
    Actually, I didn’t “remove” the css I just “commented it out” should you ever want to see it again, it’s in your style.css in your child theme.
    So Please clear your browser cache and check.

    Best regards,
    Mike

    April 17, 2019 at 11:36 am #1091928
    realisedesign

    Legend, thank you Mike.

    April 18, 2019 at 4:38 am #1092230
    Mike

    Hi,
    Thank you, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.