Page Section Auto Layout Simple List Format Class Add

Page Section Auto Layout Simple List Format Class Add

License

Version 0.1.0

SS Version 7.1

Fluid Engine Compatible : Unknown

---

Install

• Page Specific

  • Add code from file page section auto layout simple list format class 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 auto layout simple list format class add.html to Website > Pages > Website Tools > Code Injection > FOOTER.

• Read the code for any instructions within.

• Add an Auto layout section and set the Design to Simple List. You can change any of the other settings as desired.

• Add your desired content. Add a last item and set the description to twc-psalslfca. I also prefer to clear the other fields of content but it is not required.

  

  The text twc-psalslfca tells the code that you want the effect applied to this auto layout section. The text also adds the default classes from a normal page section to the auto layout.

• You can add settings below the twc-psalslfca. Here is an example showing the default settings applied as mentioned above.

  

  Following are the four settings you can use and their values:

  • section height and content width

    • small, medium, or large

  • content alignment vertical

    • top, center, or bottom

  • content alignment horizontal

    • left, center, or right

  You do not have to enter all the settings, only the ones that you want to override the default values.

Make a Donation

Please consider making a donation.

Changes

• 2022-06-09

  • initial version