https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/Topics Content Box Content Slider CountTo Header image Headlines Hyperlinks Media elements (images, galleries, videos) News slider Newsletter box Parallax element Simple content box Teaser Box Testimonial sliderHugoen-UShttps://relaunch.pdir.de/docs/en/contao/themes/mate/elements/content_box/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/content_box/For the content box, select the element type Content box. You can change the background color by giving the element classes (e.g. “grey lighten-3”, for more information see the section Colors) or by adjusting the CSS (custom.scss). How to display elements side by side is explained in the section Grid.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/content_slider/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/content_slider/Contao’s own content slider For the element Content slider (wrapper start), select the template ce_sliderStart_mate. For the closing element Content slider (wrapper end), select the template ce_sliderStop_mate. The slider is styled as in the following example if the text elements get the class slidebox1.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/countto/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/countto/Version 2.1.0 of the MATE theme added the CountTo feature. It counts numbers up when they come into view. You find an example in the MATE theme demo. To display the elements side by side as in the example, place text elements between an element of type Grid (grid start) and Grid (grid stop). In the text element you can set the column widths under Advanced CSS classes, see image. The section Grid explains this in more detail.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/headerbild/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/headerbild/For the header image, select the element type Image and the template ce_image_mate_headerimage (up to Contao 4.13) or content_element/image/header_image_mate (Contao 5.0 and later). You can choose the visible part of the image by setting the important part of the image. You find an example integration of a normal header image on the layout pages of the demo site. An example integration of a narrow header image is on the Contact page.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/ueberschriften/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/ueberschriften/If a content element with a headline gets the class bordered-left or bordered-right, the headline is displayed with a border at the bottom left or bottom right. Headline with a border on the left: Headline with a border on the right:https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/hyperlinks/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/hyperlinks/If a link should look like a button (white text on a green background), give the link the class btn.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/media_elemente/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/media_elemente/Image gallery Depending on how many thumbnails per row should be displayed, the arrangement of the images adapts automatically and takes up all the available space. Carousel image gallery Only available from MATE theme version 2.12.0!https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/news_slider/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/news_slider/The news slider displays news items in a slider. The slider is included on the home page of the demo site. In the theme, the slider is included in the article Start in the header via the insert tag {{theme::content::MATE02/01}}. You do not need content slider wrapper elements; you only have to include a module of type Newslist. Select news_mate_slider as the news template and mod_newslist_mate_slider as the custom template. The total number of items can be chosen freely.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/newsletter_box/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/newsletter_box/You can integrate an area for newsletter subscriptions in the footer. The newsletter box is included in the module Footer via the insert tag {{theme::content::MATE02/01}}. The module itself is included in an article under MATE Elements - Moduls - 02/02 newsletter. For the CSS to be loaded, the article must have the ID newsletter.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/parallax/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/parallax/Version 2.1.0 of the MATE theme added the parallax element. Place an element of type Parallax element in the article. There you can set a headline, the text, the height, a link and an image. You find examples of parallax elements in the MATE theme demo. Parallax element with container width If you select ce_mate_parallax_container under Custom template in the template settings, the text is displayed as wide as the normal content of the website.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/einfache_inhaltsbox/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/einfache_inhaltsbox/You can give an element of element type Text a white background with some padding by assigning the custom template ce_text_simplebox_mate to the element.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/teaser_box/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/teaser_box/For the teaser box, select the element type Teaser box. You can adjust the width of the boxes by assigning CSS classes. If you add an image, select the image size Teaser-Box (450x270). Teaser box with text/image side by side Note This feature was added in MATE theme version 2.21.0.https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/kundenstimmen_slider/Mon, 01 Jan 0001 00:00:00 +0000https://relaunch.pdir.de/docs/en/contao/themes/mate/elements/kundenstimmen_slider/Version 2.1.0 of the MATE theme added a testimonial slider. You find examples in the MATE theme demo. First place an element of type Content slider (wrapper start) and one of type Content slider (wrapper end). Between them you can place as many elements of type Text element with background image as you like. There you can enter a text and set an image (profile picture) and a background image. If the slider should be displayed narrow (see documentation), give the element Content slider (wrapper start) the class smaller under Expert settings (the second input field).