Hover color errors

  • Resolved oyo84

    (@oyo84)


    8 months ago

    How to disable the hover color link effect in the entire plugin? Mainly due to errors, e.g. revisit config icon, which is round, when you hover the mouse over it, a colored square is displayed instead of an icon, the same thing happens with the X button, so instead of changing the color as a button, the color is displayed in the form of a square, it looks tragic, and there is no option for this in the plugin itself. If there is an icon that has a given RGB color, after the hover action it should change to a different color, but there is an error.

    I will add that this effect occurs in combination with Elementor.

    The solution is for the author to fix the errors or disable the hover effect on all elements of the plugin, there is no option in the options, the CSS code remains?

    • This topic was modified 8 months ago by oyo84.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support CookieYes Team

    (@cookieyesteam)

    Hi @oyo84,

    Greetings from CookieYes!

    Please share your site URL so that we can check for a solution specifically for your site.

    Thread Starter oyo84

    (@oyo84)

    I’m sending you, the website temporarily works as http, sometimes it may redirect to https and show an error.

    https://shorturl.at/qCNR5

    I don’t know where this problem comes from, I haven’t seen it on another website, but it wasn’t based on Elementor, so there is some global plugin problem with Elementor.

    Plugin Support CookieYes Team

    (@cookieyesteam)

    Hi @oyo84,

    We couldn’t access your site as it always gets redirected to another URL.

    Thread Starter oyo84

    (@oyo84)

    I don’t want to give the address publicly, hence the redirection. The website only works on a temporary server, some browsers add https to the address, and this server does not have https, e.g. in Chrome it is like that, in other browsers this link should work. I will probably use another plugin if there are such problems.

    As I wrote, the problem is the Elementor plugin, the hover effect that Elementor has inherits some of the plugin’s elements from Cookies, which makes it look bad, only adding the CSS code yourself can fix it.

    Plugin Support CookieYes Team

    (@cookieyesteam)

    Hi @oyo84,

    We couldn’t replicate the issue of hovering the revisit icon. For the rest of the conflicts in the CSS, please try the below custom CSS and let us know the status:

    .cky-btn{
	padding: 8px !important;
	border-radius: 2px !important;
}
.cky-btn-customize, .cky-btn-reject, .cky-btn-preferences{
	border: 2px solid #1863dc !important;
}
.cky-banner-btn-close, .cky-btn-close, .cky-show-desc-btn, .cky-accordion-btn{
	&:hover{
		background: none !important;
	}
}
.cky-show-desc-btn:hover{
	color: #1863dc !important;
}
    Thread Starter oyo84

    (@oyo84)

    I added this code and it fixes some errors, there is also an error in the cookie revisit banner, after hovering the square in this circle is highlighted, nothing should happen.

    In general, these errors should not be present, as if the plugin was losing to Elementor.

    Plugin Support CookieYes Team

    (@cookieyesteam)

    Hi @oyo84,

    Please modify the custom CSS we have shared in the last response as below: 

    .cky-btn{
	padding: 8px !important;
	border-radius: 2px !important;
}
.cky-btn-customize, .cky-btn-reject, .cky-btn-preferences{
	border: 2px solid #1863dc !important;
}
.cky-banner-btn-close, .cky-btn-close, .cky-show-desc-btn, .cky-accordion-btn, .cky-btn-revisit{
	&:hover{
		background: none !important;
	}
}
.cky-show-desc-btn:hover{
	color: #1863dc !important;
}
    Plugin Support CookieYes Team

    (@cookieyesteam)

    Hi @oyo84,

    This thread has been inactive for a bit, so we are going to mark it as resolved now. Please feel free to open a new thread or follow-up if you have any further questions or still need help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Hover color errors’ is closed to new replies.