General Info
Pull Quote
Description
The component makes it possible to add text onto the page in the more sophisticated way. It is also possible to place an image next to the text.
Configuration Options:
Tab: Data
- Text
- Change to uppercase?
- Add quotation marks?
- Author
- Source name
- Source external URL
Tab: Style
- Standard background color option
- Inner content padding
- Alignment
- Height of the component (in px)
Tab: Images
- Image display (with or without image next to the text)
- Background images for mobile, tablet and desktop
Layout options
Pull quote without an image. Full browser width (inside column component). Light grey background with black content.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote without an image. Full content width. DArk grey background with black content. Uppercase turned on. Quotation marks turned on. Author and source visible.
Pull quote without an image. One-third width - left align. Dark grey background with black content.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.
Pull quote without an image. Half-width, right align. Auto background and auto padding.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote with background image. Full browser width. Light grey background with black content. Forced 800px height.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote without an image. Shifted component half width. Light grey background with black content.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote without an image. Shifted component 3-columns width. Light grey background with red content.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote without an image. One of third width. Dark grey background. Removed default gaps.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote with an image. Full content width. Auto background color and forced content padding.
Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien. Nam vitae nibh ac dui venenatis convallis sit amet non eros. Aenean rutrum a felis at pharetra. Quisque sit amet imperdiet augue.
Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus. Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Quisque sit amet imperdiet augue. Nullam vel ultrices tellus. Nunc vulputate sapien nisi, nec scelerisque sapien fringilla non. Pellentesque eu luctus lorem, eu fermentum risus.
Ut aliquam lacinia tempus. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean rhoncus neque est, a imperdiet lectus rutrum accumsan. Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst. Vestibulum eros est, porta vel eros eleifend, sodales molestie sapien. Aenean a elit nec ipsum luctus imperdiet a ut sapien.Aenean ornare nibh ligula, quis sollicitudin purus tristique vitae. Nulla cursus ac est et consectetur. Nunc lorem neque, laoreet id venenatis ac, viverra eget ligula. Maecenas id urna sed sapien sodales pharetra. In hac habitasse platea dictumst.
Pull quote with an image. Full content width. Transparent background with white text.
Pull quote without an image. Full content width. Dark content with transparent background.