black_rooster Posted January 20 Share Posted January 20 Hello, I wondered if it is possible to add some css which will change the text color when hovering the image above it? To be precise, in section "Kategorije" on homepage (green one, eng. Categories), I would like to change text color when hover the visual representation of category itself. Right now, I have only only added hyperlinks to texts, so they become yellow on hover, but I would like to make them active when hover the image, too. The domain is Finvala.com I am using personal plan, 7.1. Thank you. Link to comment
tuanphan Posted January 26 Share Posted January 26 Hi, Add to Design > Custom CSS .fe-63b43504833db81a0f22bd3f .image-block:hover * { color: #f1f; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
black_rooster Posted January 27 Author Share Posted January 27 Hi tuanphan, Thank you for your support. I have already added a lot of customisation thanks to your replies. However, this one didn't work. I have added it into the custom css but nothing changes. Link to comment
tuanphan Posted January 28 Share Posted January 28 21 hours ago, black_rooster said: Hi tuanphan, Thank you for your support. I have already added a lot of customisation thanks to your replies. However, this one didn't work. I have added it into the custom css but nothing changes. Try this new code, to top of CSS box .fe-63b43504833db81a0f22bd3f .image-block:hover * { color: #f1f !important; } If it still doesn't work, keep the code in CSS box & let me know, I can check it again easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
black_rooster Posted January 28 Author Share Posted January 28 Still the same, nothing happened. Link to comment
tuanphan Posted February 2 Share Posted February 2 On 1/28/2023 at 7:03 PM, black_rooster said: Still the same, nothing happened. Can you keep code in CSS box? We can check easier https://www.finvala.com/ Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
black_rooster Posted February 3 Author Share Posted February 3 I am not sure that I understand you well. 😐 What do you mean by keeping the code in CSS box? It is still in Design > Custom CSS. Link to comment
tuanphan Posted February 8 Share Posted February 8 On 2/4/2023 at 1:49 AM, black_rooster said: I am not sure that I understand you well. 😐 What do you mean by keeping the code in CSS box? It is still in Design > Custom CSS. I meant add & keep code in CSS Box, do not remove it. Currently I don't see the code in CSS box. Can you take a screenshot of CSS box? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted February 11 Share Posted February 11 On 2/9/2023 at 5:15 PM, black_rooster said: Here it is. Move the code to top of CSS box Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
black_rooster Posted February 12 Author Share Posted February 12 Moved it, but it's still the same. 🙄 Link to comment
tuanphan Posted February 15 Share Posted February 15 On 2/12/2023 at 8:22 PM, black_rooster said: Moved it, but it's still the same. 🙄 Try this new code (this for first item). If it works, I will check other items .fe-block-d54664b769f63a152454:hover+div+div * { color: #f0cc60 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
black_rooster Posted February 18 Author Share Posted February 18 (edited) Now it works! Thank you! 🙂 Edited February 18 by black_rooster Link to comment
Solution tuanphan Posted February 21 Solution Share Posted February 21 On 2/18/2023 at 4:13 PM, black_rooster said: Now it works! Thank you! 🙂 Use this code for all 3 items .fe-block-d54664b769f63a152454:hover+div+div *, .fe-block-64cefbf2cfd3e40e32f4:hover ~ .fe-block-792b8d585da0f2a370f2 *, .fe-block-yui_3_17_2_1_1673360423989_4248:hover ~ .fe-block.fe-block-yui_3_17_2_1_1673360423989_5021 * { color: #f0cc60 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
black_rooster Posted February 22 Author Share Posted February 22 That's awesome! Thank you very much @tuanphan! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment