Site logo

Archived topic

Where to Find CSS Selector of two blocks/containers

1 reply · Started by Myles on February 19, 2023

Viewing posts 1–2 of 2

Hi there,

I'm using Nitropack to lazy load iframes; however, this is causing some issues with some iframe embeds--so I have excluded certain pages from lazy loading.

For example, this page has an embedded iframe: https://tacticalhyve.com/write-for-us/

The form shows since lazy loading for iframes is turned off. When it is turned on, the whole form doesn't show.

However, Nitro pack allows CSS selectors to be added to their system so that I can prevent lazy loading on specific iframe embeds rather than site-wide or an entire page.

Looking at this page https://tacticalhyve.com/write-for-us/ and the form on this page in GP, how do I find the CSS Selector for that block/element so I can add it to Nitropack as an exclusion for the block/element rather than the whole page?

Hi Myles,

GenerateBlocks Blocks have unique IDs in their classes. For instance see this screenshot: https://share.getcloudapp.com/NQuWLZ50

In this case, the selector for the iframe would be:

.gb-container.gb-container-f80d410a iframe

This archived topic is closed to new replies.