sleepyacorn Posted March 1, 2022 Share Posted March 1, 2022 (edited) Site URL: https://www.sleepyacorn.com Hello everyone! In my homepage, there are 2 poster images that already has text & button over it. Is there any way to make the entire image also clickable without disabling the hover effect of the button? Any help would be much appreciated, thank you! Edited March 1, 2022 by sleepyacorn Link to comment
Solution sleepyacorn Posted March 1, 2022 Author Solution Share Posted March 1, 2022 (edited) Nevermind guys i've solved it! For those of you who need it, just set the link on the image block setting to be "On Image" instead of on button and then insert a text link in the image title. You can then style that text link to look like a button with this code. You can change the 'p' to h4/h3/h2/h1 depending on your needs. p a { font-size: 1.2rem !important; text-decoration: none !important; color: #fafafa; background-color: transparent; border: solid #fafafa 2px !important; padding: 20px 30px; margin-top: 1.5em !important; } p a:hover { background-color: #fafafa; opacity: .93 !important; color: #262626 !important; } Edited March 1, 2022 by sleepyacorn 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