dbliss20

Did you put it in custom css and make sure there is no syntax error

try
section[data-section-id="60a74a22fe96d458d9b696c1"] p a { color: inherit !important; text-decoration: none; } section[data-section-id="60a74a22fe96d458d9b696c1"] p a:hover { color: #09617c !important; text-decoration: underline; font-weight: bold; }  

Site URL: https://seabass-vuvuzela-ynfj.squarespace.com/testtest
I have three columns on my page. I would like hyperlinks in the columns to have the following characteristics:
1. no underline and wording is blue
2. when i hover over the hyperlink, it becomes bold and underline
 

Add your href value into a link in the text block.

It's the chain link icon on the toolbar.
Let us know how it goes.

I like to use WSIWYG from Squarespace to format my text and for each text, i like to add a hyperlink like this:
See video
with this as URL -> href="javascript:videoPlay(5)"
I prefer not to use a code block so that I can use SS's WSIWYG features.
I have declared videoPlay in the code injection section. I have the business plan.
Is this possible?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-actions .header-actions-action.header-actions-action--cta').before('<div class="header-actions-action header-actions-action--cta" id=""> <a class="btn btn--border theme-btn--primary-inverse" style="color: white; border: 2px solid white;" href="/join-now" id=""> Book Demo </a> </div>'); $('.header-menu-nav a.btn').before('<div class="header-actions-action header-actions-action--cta" id=""> <a class="btn btn--border theme-btn--primary-inverse" style="color: white; border: 2px solid white;" href="/join-now" id=""> Book Demo </a> </div>'); }); </script> <style> @media screen and (max-width:767px) { .header-actions-action.header-actions-action--cta { display: block !important; } .header-actions-action a.btn { color: blue !important; border-color: blue !important; } } </style>