Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1127239

    Hi,
    I’d like to change the hover overlay color (grid row) – actually white – to another color and opacity.

    Thank you
    Best regards
    Sabine

    #1128072

    Hey ingridbrauner,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    #1129667

    ok.
    but with the grid row there is another issue. It is always a small 1px gap between the first and the second field (only on bigger screens).

    • This reply was modified 5 years, 4 months ago by sabine.
    #1129870

    Hi,
    For your test page, one way to add an overlay color on hover to your grid row cells is to use a filter, the filters are a little limited but if you use a mixed filter generator you can create some nice effects.
    So I see that your first two cells have the custom class “teaser”, so as an example try this css in your Quick CSS:

    .teaser:hover {
    	filter: invert(9%) sepia(100%) saturate(5581%) hue-rotate(246deg) brightness(101%) contrast(147%);
    }

    For your hotel page the white border is actually the white background showing in between the cells, to correct please try this css:

    #top.page-id-952 #teaser {
    	 background-color: #324a7a !important; 
    }

    On this page applying a hover color would be like this:

    #top.page-id-952 #teaser .flex_cell:hover {
    	background-color: #327a38 !important; 
    	
    }

    I hope this helps.

    Best regards,
    Mike

    #1129983

    Thank you so much Mike. All my issues solved! That’s why I use Enfold: the support is so helpfull and perfect.

    Best regards
    Sabine

    • This reply was modified 5 years, 4 months ago by sabine.
    #1130103

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Basilis

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