Jump to content

How to turn a link into a button on Skye

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I can't find a specific code to do this but I did find this tutorial to remove the line from a hyperlink. I also have code to put borders around galleries, I adapted it for your active text link (I hope) this should put a gold border around the active link text. I would have to figure out a different color if you want it. 

All Text Types: h1 a, h2 a, h3 a, p a{ 
   border:solid 5px rgba(255, 197, 71, .4);
 }
 

Edited by derricksrandomviews
Link to comment

@derricksrandomviews, Thanks for taking the time to help me out. I sure do appreciate it! I actually just came across this, https://www.minimist.ca/articles/use-css-to-put-buttons-anywhere which is spot on for what I'm trying to do, however, I'm not exactly sure how to implement the code provided.

I'm still a beginner so any help to walk me through it would be appreciated! 

Thanks! 

 

Link to comment
3 hours ago, marissa1570048761 said:

@derricksrandomviews, Thanks for taking the time to help me out. I sure do appreciate it! I actually just came across this, https://www.minimist.ca/articles/use-css-to-put-buttons-anywhere which is spot on for what I'm trying to do, however, I'm not exactly sure how to implement the code provided.

I'm still a beginner so any help to walk me through it would be appreciated! 

Thanks! 

 

Add to Home > Design > Custom CSS

div#page-5ea8f898f665732eb762aeee [href*="pdf"] {
    border: 1px solid black;
    padding: 5px 10px;
}

 

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
8 hours ago, marissa1570048761 said:

Thanks for coming to the rescue again, @tuanphan  You're amazing. I'm so close. This code worked for the first 2 gray boxes. Those link to a PDF.  How do I get the same effect for those that link to a webpage? Thanks again for your time and help! 

 

div#page-5ea8f898f665732eb762aeee a {
    border: 1px solid black;
    padding: 5px 10px;
}

 

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

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.