Page Section First CSS Variable Padding-Top Add

Page Section First CSS Variable Padding-Top Add

License

Synopsis

Add a CSS variable to :root that tracks the first page section CSS padding-top property.

Version

• 0.2.0

SS Version

• 7.1

Fluid Engine Compatible

• Not Applicable

Dependencies

• Squarespace plan that supports JavaScript.

• Tom's Web Consulting Squarespace Library

---

Install

• Install twcsl. After you install twcsl be sure to continue on with the rest of the steps.

• Options

  • Page Specific

    • Add code from file page section first css variable padding-top add.html to Page Settings > Advanced > Page Header Code Injection for the page. Please see Per-page code injection.

  • Site-wide

    • Add code from file page section first css variable padding-top add.html to Website > Pages > Website Tools > Code Injection > HEADER after twcsl. Please see Add code to code injection.

Note

This effect meant as a base for other effects. Use the CSS variable --twc-psfcvpta-section-first-padding-top for your CSS. The variable is available on the :root element.

Make a Donation

Please consider making a donation.

Changes

• 2023-12-30

  • store css variable in :root
  • bumped version to 0.2.0

• 2022-09-19

  • initial version