Changing the hover-element

[kffaner]

Hello, the default hover element (the plus sign) is something i would like to change to a play button, since my website mainly contains videos. I tried using css but it came out quite rough. Is the current hover element an image? if so what is its location in the files? If its not an image, is there a way i could change it? Any help would be appreciated. thanks.

[Kieran_SQ]

Hi,

You can adjust the size of the + by adding the below CSS to your KLEO Child theme’s style.css or to Theme Options > General Settings > Scroll to: Quick CSS

.hover-element > i {font-size: 44px;}

Please adjust the px value as desired, clear any and all website caching and services like CloudFlare / MaxCDN to see changes in your browser. To clear your browser’s cache use Ctrl+F5.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[kffaner]

huh? I dont want to adjust the size of it, i want to CHANGE it to a different icon…

[Kieran_SQ]

Hi,

My apologies, I got mixed up between tickets when I read this. Please can you paste the contents of your page here so I can review them locally and identify the file(s) that need to be changed.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[kffaner]

i dont know if its a file or an icon drawn up from a public domain via code. What part of my website should i attach the files of? the whole content folder or just theme folder?

[Kieran_SQ]

Hi,

Please go to Pages > All Pages > Desired page > Above the text editor on the right select the ‘text’ tab and copy all of the post content. Please then paste the contents here so I can review it.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[kffaner]

i dont think i made it clear what i want changed, I want to change the “hover_element” which is currently a “+” sign in the middle of the picture once you hover over the kleo post carousel picture. I want to change that to another picture, like a play button. Does that clarify it or should i get a screenshot of what i mean?

[Radu]

Hi,

I’ve seen that you already made some modifications, you will have also to remove the +

Add beside that css this one

COPY CODE

.kleo-carousel .hover-element i {display:none}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[kffaner]

worked, thanks!

[Radu]

Great
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts