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
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40.png)
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40.png)
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40_1.png)
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40_1.png)
With pb-fix-image-whitespace class
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40_2.png)
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40_2.png)
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40_3.png)
![](https://e-sviestuvai.gaudre.lt/media/wysiwyg/Screen_Shot_2020-09-15_at_21.48.40_3.png)
-
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