Feds Posted August 16, 2020 Share Posted August 16, 2020 Site URL: https://carnation-cardioid-yc95.squarespace.com/contact Hello all, I have a code block with an icon and a text of a social media account and I would like to add the link to it. I am not familiar with hyperlinks in code blocks, could anyone give a hint? Thanks!! https://carnation-cardioid-yc95.squarespace.com/contact pw: mount$% Link to comment
Guest Posted August 16, 2020 Share Posted August 16, 2020 From looking at your site, it looks like you've been able to do this already. If you only wanted an icon link that opened up in a new tab (rather than the text), try this in your Code Block: <a target="_blank" href="https://www.linkedin.com/" target="_blank"> <i class="fa fa-linkedin" aria-hidden="true"></i><span class="sr-only">LinkedIn</span></a> Replace https://www.linkedin.com/ with your own LinnkedIn profile link The LinkedIn icon comes from Font Awesome, so make sure to add this link to your Contact page's Code Injection in the Advanced section: <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" /> Link to comment
iko Posted August 20, 2021 Share Posted August 20, 2021 Hi I have this code text block <h4 style="text-align: center" >01/<span style="color:#cbc6c1; font-family: Arno Pro Display; font-size: 40px"> SERVICES</span></h4> Looking like this: 01/ SERVICES But I want to make the "01" in Gray and "SERVICES" in Black - So it's changing the colors but keeping the same fonts, and also pointing to a link. I can't find it anywhere, and it's hard for someone who doesn't know anything about code. Thank you all Link to comment
tuanphan Posted August 22, 2021 Share Posted August 22, 2021 On 8/21/2021 at 12:10 AM, iko said: Hi I have this code text block <h4 style="text-align: center" >01/<span style="color:#cbc6c1; font-family: Arno Pro Display; font-size: 40px"> SERVICES</span></h4> Looking like this: 01/ SERVICES But I want to make the "01" in Gray and "SERVICES" in Black - So it's changing the colors but keeping the same fonts, and also pointing to a link. I can't find it anywhere, and it's hard for someone who doesn't know anything about code. Thank you all Can ou share link to page where you have problem? We can check code 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment