Locating Your SmugMug's Node or Widget Number

For this example, I'm using the Brave Browser which functions just like Chrome. Firefox will be similar, though the layout may be different.

Page Node

  1. Right-click the page and scroll down to 'Inspect' (Ctrl+Shift+I).
  2. Find the <body> element near the top. Find the sm-page-node, in this case it's sm-page-node-kVHtj3.
  3. Copy/paste that class (.sm-page-node-kVHtj3) into your CSS.

Widget Number

  1. Right-click the page and scroll down to 'Inspect' (Ctrl+Shift+I).
  2. To inspect a section, it's easier to click on the top-right icon (see picture).
  3. Now you can scroll down the page until you find the section you need. In this example it is the HTML/CSS widget below.
  4. Once you've found that you should be able to see the sm-page-widget. In this example it's sm-page-widget-28235302
  5. Copy/paste that class (.sm-page-widget) into your CSS.

Example HTML/CSS Widget

Nunc mollis arcu eu elementum rutrum. Ut aliquet arcu quis nisi tincidunt maximus et ut quam. Aliquam laoreet posuere diam, a fermentum tellus iaculis sit amet. Curabitur pellentesque lorem ut nibh placerat tincidunt. Proin sagittis euismod mauris vel pellentesque. Pellentesque eget risus malesuada, vulputate libero eget, dictum felis. Fusce magna nunc, consectetur at ante vel, sodales aliquet sem. Vivamus non urna vestibulum, egestas lorem quis, pharetra purus. Nullam ac nibh sed ipsum pulvinar convallis id vitae nisi. Sed aliquet tincidunt ullamcorper. Donec eu luctus nisl. Nulla volutpat dolor sit amet accumsan fringilla. In consequat enim vitae neque pretium, rhoncus hendrerit velit gravida. Duis congue nibh eros.

Powered by SmugMug Owner Log In