This is a demo page for showing different features with different settings
List of Available classes that could help you on build content:
-
pb-fix-image-whitespace
This class fixes whitespace issue below the image if you have multiple image components and want to have them connected
Without pb-fix-image-whitespace class
With pb-fix-image-whitespace class
-
pb-mobile-hidden
This class will hide element on mobile view
without pb-mobile-hidden
This Text is both shown on Desktop and Mobile devices
with pb-mobile-hidden
This Text is not visible on mobile devices
-
pb-mobile-no-margin
This class will remove margin on mobile view and margin in component settings will only apply to desktop view.
without pb-mobile-no-margin
This text area has huge margin around it on all devices
With pb-mobile-no-margin
This text area has huge margin around it but has none on mobile device
-
pb-link-bold
This class will make specific link element bold. Can be used on botton element level. (button inside buttons element)
Without pb-link-bold
With pb-link-bold
-
pb-product-hover
This class will add hover effect into product card in product component (only with W.EG. Grid appereance setting)
without pb-product-hover
with pb-product-hover