Home › Forums › Arnold WordPress Theme › Box hover?
- This topic has 10 replies, 2 voices, and was last updated 3 years, 6 months ago by
friedrichfotografie.
-
AuthorPosts
-
November 4, 2022 at 6:44 pm #28511
Hi! How can I put a hover link over this “Paar Shooting” box? When I make a mouse over the box color should change from grey to green and the font text from black to white. Is that possible?
November 4, 2022 at 6:44 pm #28512This reply has been marked as private.November 4, 2022 at 6:44 pm #28513November 4, 2022 at 6:45 pm #28514This reply has been marked as private.November 5, 2022 at 7:35 am #28516Hi,
It is possible by custom CSS:
.module-id-1667586279464:hover .bm-background-color { background-color: #4f6660!important; } .module-id-1667586279464:hover .text_block h3 { color: #fff; } .module-id-1667586279464 .text_block { display: flex; align-items: center; }ps: but it is not a good way, why do not use Button module?
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookNovember 5, 2022 at 12:07 pm #28520You are right, that’s much easier! 🙂
November 5, 2022 at 12:10 pm #28522This reply has been marked as private.November 6, 2022 at 5:26 am #28529Please make the buttons stacked, it should look better. https://www.dropbox.com/s/f8iokuyk4a4z4xm/WX20221106-132451.png?dl=0
There is no option to set different width on mobile.
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookNovember 6, 2022 at 11:28 am #28532It looks much better now thanks. Is there any way to make the width 100% on mobil? Atm it still looks a bit weird. Also the height could be a bit less on mobile…
November 7, 2022 at 12:14 pm #28540It is possible by custom CSS:
@media (max-width: 767.98px) { .home .module .btn-mod-wrap.ux-vertical .ux-btn { width: 100%; } }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookNovember 7, 2022 at 7:49 pm #28543That’s perfect – thank you so much!!
-
AuthorPosts
- You must be logged in to reply to this topic.
