Atomic Theme Documentation

Section Settings

Atomic's Section Settings module offers more than just a background overlay.

In addition to the background overlay, the module has the option to add:

  1. Smooth scroll to next section
  2. Assign a custom ID to the section

 

1. Smooth scroll to next section

Example on a live page:

atomic-smooth-scroll-demo

Options in Section Settings module:

atomic-section-smooth-scroll

  • Background Color: Choose any color set from theme settings (primary, secondary, base, warning, danger, success, etc).
  • Icon: Choose any icon HubSpot offers
  • Icon White (boolean): choose to show the icon in base or white color.

 

2. Assign a custom ID to the section

Setting a custom ID is useful when you need to create an anchor button/link (the link that scrolls you down to a specific section on the page without reloading the page).

atomic-section-settings-id

Formatting rules:

  1. No space
  2. No symbol except hyphen or underscore
  3. Recommended: all lower case

 

Have a Question?

Get in touch with our team
support@giantfocal.com