In Landing Lion, every component on a page has a unique identifier called a "data-bach-id".
To write custom javascript and CSS targeting specific components on your page, you will need to target the component's data-bach-id.
❗️ Warning: a component's data-bach-id is also unique between duplicated pages.
To find a component's data-bach-id:
- Open the live page in your browser
- Right-click on the component
- Click "Inspect element"
- On the right side, look for the component's <div> containing the data-bach-id
- Use this data-bach-id to write your custom code within an Embed component, or inside the Custom Code section of the page settings.