Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 16, 2018 at 10:53 am #957436
    MartyMan

    HOwdy again, I received a cool reply regarding changing the hover effect to include an email icon on my Our Team page. While it worked initially, which was perfect, somehow now it does not. Im assuming ive corrupted the CSS. Any help would be great and deeply appreciated.

    Hey MartyMan,

    Thank you for using Enfold.

    Add this css code in the Quick CSS field to change the icon from an arrow to email.

    .page-id-375 .image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: ‘\E805’;
    }

    • This topic was modified 7 years ago by MartyMan.
    May 16, 2018 at 2:01 pm #957495
    Mike

    Hey MartyMan,
    First I looked at your Quick CSS and found many fatal errors, which I corrected, there are still a couple of warnings you should look at, such as a incorrect font-weight. To see the errors, paste the code in WordPress > Customize > Additional CSS. In the Private Content area I have linked to a css file that has the before & after of the code should you want to see it.
    Next I see you have 3 google font errors (error 400 bad request) I see you have a google font plugin, but I’m not sure where the font is declared in it, or if your font is added somewhere else, please advise.

    Your mail icon code didn’t work because this code in your Quick CSS was blocking it:

    
span.image-overlay-inside {
display: none !important;
}

    This is the correct code for the mail icon:

    .page-id-375 .image-overlay.overlay-type-extern .image-overlay-inside:before {
font-family: 'entypo-fontello';
content: '\e805' !important; 
}

    I added it, please clear your browser cache and check.

    Best regards,
    Mike

    May 16, 2018 at 5:11 pm #957595
    MartyMan

    Mate you are da man. Thank you so much for your advice and assistance, it is greatly appreciated. Late nights and CSS really don’t go together, so thank you for correcting this. Just a quick question…………… is it possible to have the hover on those Team mebers pics, be a hexacon to match the shape ?, or is this a coding nightmare ? Cheers again Mike for your speedy reply

    May 16, 2018 at 5:36 pm #957614
    MartyMan

    One more thing. Im new to this game and have idea of how to correct these font issues or where to see which one it is. Any help would be cool. cheers

    May 17, 2018 at 4:37 am #957882
    Mike

    Hi,
    Sorry creating a hexacon would be quiet a bit of coding, but how about removing the hover square and only showing the blue circle with the icon?
    Please try adding this css:

    .page-id-375 .post-entry-375 .image-overlay {
    background: transparent !important; 
}

    As for the font errors, I would ask for you to first try to disable the Google font plugin. If this resolves the issue, then what we can we assist with so you won’t need to use the plugin?

    Best regards,
    Mike

    May 17, 2018 at 7:09 pm #958315
    MartyMan

    HOWDY,
    I’m really impressed with your customer service . In a time when it’s hard to find people who really get the job done, it’s really refreshing when you guys offer such prompt responses, not to mention well planned solutions. Thanks so much for sorting this one out Mike. Cheers buddy.

    May 18, 2018 at 2:36 am #958381
    Mike

    Hi,
    Thanks for the kind words, I guess it comes down to we love this stuff :)
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Email hover no longer works’ is closed to new replies.