Jump to content

Adding a clickable link to image that already has a button

Go to solution Solved by sleepyacorn,

Recommended Posts

  • Solution

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 by sleepyacorn
Link to comment
  • sleepyacorn changed the title to Adding a clickable link to image that already has a button

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.