README.md

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