Header CTA Buttons Each Word Span Tag Add

Header CTA Buttons Each Word Span Tag Add

License

Synopsis

Add span tags around the words of CTA buttons in the header.

Version

• 0.1.0

SS Version

• 7.1

Fluid Engine Compatible

• Not Applicable

Dependencies

• Squarespace plan that supports JavaScript.

• jQuery

---

Quick Install

• Add code from file header cta buttons each word span tag add.css to Website > Pages > Website Tools > Custom CSS.

• Add the following to Website > Pages > Website Tools > Code Injection > HEADER.

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

• Add code from file header cta buttons each word span tag add.html to Website > Pages > Website Tools > Code Injection > FOOTER. Please see Add code to code injection.

How to Use

Add a query string parameter of twc-hcbewsta to each header CTA button link.

Some examples...

• site top level link

  /?twc-hcbewsta
  

• site page link

  /link?twc-hcbewsta
  

• site page link that already has existing query string parameter

  /link?parameter=1&twc-hcbewsta
  

• site page link with a hash

  /link?twc-hcbewsta#hash
  

• external site link

  http://www.tomsWeb.consulting/?twc-hcbewsta#hash
  

Notes

This effect is not active in SS Preview to test it use private browsing.

This code is a base effect for other effects. To take advantage of it you need to write CSS.

Make a Donation

Please consider making a donation.

Changes

• 2024-04-06

  • initial version