Featured Image Hover shows black instead of transparent cyan color

Home Forums Jevelin Theme Featured Image Hover shows black instead of transparent cyan color

Home Forums Jevelin Theme Featured Image Hover shows black instead of transparent cyan color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • lookatbowen
    Participant

    I recall the first time I installed Jevelin theme that the Featured image would turn a transparent blue color when the mouse was hovered over it. I’ve searched high and low and changed multiple colors to try and bring back this transparent blue to no avail.

    I am using Style 1 which shows the link and the show featured image icon.

    1. Before.png – This is what my featured image post looks like before I hover my mouse over it. I see the image, all is good.
    2. After.png – When I hover my mouse over the featured image it goes black and I only see the link and image icon in white. I would like the black to be transparent cyan. How do I get that back?

    If you want to bypass the slider revolution, go direct to http://www.lookatbowen.com/blog

     

    Thanks, in advance.

    Mike

     

    Attachments:
    You must be logged in to view attached files.

    billy
    Participant

    Hey Mike,

     

    I’ve found the cause of the issue. Attached below are some the rules which are causing this to happen. Someone keeps slipping in bogus !important; rules into the stylesheet for no reason. This was the same type of mistake causing the white mobile sticky header.

     

    If you add CSS to your child theme, e.g.:

    .sh-overlay-style1 {
        opacity: 0.5 !important;
        background-color: cyan !important;
    }

    it should go back to normal.

     

    Edit: This CSS is a start. Still not working properly.

     

    Hope that helps,

    Billy

    Attachments:
    You must be logged in to view attached files.

    lookatbowen
    Participant

    Thanks Billy,

     

    That has fixed the problem, although I didn’t add it to my Child theme, I added it to the Customization section under additional CSS.

    This is the code that sorted it out.

     

    .sh-overlay-style1:hover {
    opacity: 0.5 !important;
    background-color: cyan !important;
    }

     

    I guess I should look at the Child Theme next, if your code changes after every update… 😉

     

    Thanks again for your help.

     

    This can be assigned to RESOLVED.

     

    Kind regards,

     

    Mike

    Awesome great to see you got that resolved.

     

    Please advise if you have more questions.

     

    Have a fantastic day!

    billy
    Participant

    Hey Shufflehound,

     

    Is this planned to be fixed? The background-color was set to the Accent Hover Color under Customise > Styling.  Being set to opaque and black by default is a very strange change.

     

    This “fix” only works for certain elements. It doesn’t work for image galleries (opacity set to 1), and also applies the set opacity to the icon (which was previously opaque).

     

    Thanks,

    Billy

    I have notified the theme developer about this so that it will be fixed.

     

    The issue will be fixed ASAP.

Viewing 6 posts - 1 through 6 (of 6 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form