Blocks panel

the blocks panel is a highly flexible tool that can be used in many different ways you can create a banner to promote a singular event or showcase evergreen aspects of your cinema that make it special, such as membership drives, ongoing film series, private rentals, complementary content such as seasonal menus and your cinema history, and additional imagery and designs that help your brand shine for ideas and visual references of how you can use the blocks panel, see these blocks panel /#examples this panel can be used multiple times on the same page and each blocks panel can display anywhere between 1 4 blocks per panel a block within a panel can include a linkable call to action button or the entire block can be linkable the background for a block can be an image, moving video or color with all these options and additional customization settings, the blocks panel provides a lot of flexibility for creatively presenting everything that makes your cinema special after you add a blocks panel, you will need to add at least 1 block by clicking the "add block" button you can then add up to 3 more blocks for a total of 4 blocks per blocks panel by clicking the "add block" button again or clicking the "add row" plus "+" button in the top right corner of any block blocks can be removed by clicking the minus " " icon on the right of a block blocks can be collapsed by clicking the carrot icon on the left of a block blocks can also be rearranged by clicking and dragging the left side of a block up or down block panel settings panel title the large text that displays at the top of the panel above the blocks (optional) panel background color the background color of the header behind the panel title and text above the blocks (optional) panel text color the body style text that displays below the panel title and can help describe the content of the blocks below (optional) block widths full width (no margin surrounding the blocks) or contained (with margin) block heights aspect ratio if there is 1 block in the panel, the ratio of width to height will be 3 1 on desktop, or 9 4 on mobile if there are 2 blocks in the panel, the ratio of width to height will be 4 3 on desktop, or 5 4 on mobile if there are 3 blocks in the panel, the ratio of width to height will be 5 4 on desktop and mobile if there are 4 blocks in the panel, the ratio of width to height will be 1 1 (square) on desktop and 5 4 on mobile content height the height of the blocks in the panel will all be as high as the highest title and/or text within a block text alignment the center, left, or right alignment applies to all text in the panel, including the panel title and the title and text within each individual block vertical content alignment the middle, top and bottom alignment applies to all text in the panel, including the panel title and the title and text within each individual block "reverse order on mobile" checkbox if you have two stacked block panels, where the first panel includes a block with a background image and a block with a background color and the second panel includes an inverse order similar blocks, be sure to check this checkbox for the second panel so that the two blocks with the background image or the two blocks with the background color are not stacked one after the next when viewing on a mobile device individual block settings title the large text that overlays the block (optional) text the body style text below the title that overlays the block (optional) background type the background for a block, which can be an image ( png, jpg or gif), video (youtube link), color or none text color the color of the title and text that overlays the block block link none the block includes no link cta (call to action) button a button is included below the title and text which links to a different url url "open link in a new tab?" checkbox button text button background color button border color button text color whole block the entire block will be overlaid with a color when hovered and will link to a different url url "open link in a new tab?" checkbox hover color text alignment the alignment of the title and text on the block default (uses the panel setting), center, left, or right please refer to the color section of our create accessible content docid\ gelpivpvsyfonz215vbwf article, to ensure colors you use in your website meet minimum contrast ratio requirements between the background color and text on top of the background the minimum contrast ratio for the wcag 2 1 aa is 4 5 1 you can check the contrast ratio between two colors using the contrast checker tool , or read more about color contrast at the webaim website examples here are some examples with accompanying visuals of how the blocks panel can be used blocks panel /#1 announce a single big event or initiative blocks panel /#2 highlight special offerings of your cinema that make it special blocks panel /#3 highlight ongoing initiatives upcoming shows or film series 1\ announce a single big event or initiative narrow banner number of blocks 1 block link cta button block width full width panel block height content height large banner same as above, but panel block height aspect ratio 2\ highlight special offerings of your cinema that make it special number of blocks 2 block 1 background type image block 1 link cta button block 2 background type image block 2 link cta button block width full width panel block height aspect ratio number of blocks 2 block 1 background type image block width full width panel block height aspect ratio block 2 background type color block 2 link cta button number of blocks 2 block 1 background type color block 1 link cta button block 2 background type image block width full width panel block height aspect ratio two blocks panels stacked be sure to check the “reverse order on mobile” checkbox for the second blocks panel to ensure that the two images are not following one another when browsing on mobile devices 3\ highlight ongoing initiatives, upcoming shows, or film series number of blocks 3 panel title text is entered blocks 1 4 background type image blocks 1 4 link whole block block width full width panel block height content height panel text alignment left panel vertical content alignment top same as above, but panel text alignment center panel vertical content alignment middle number of blocks 4 panel title text is entered blocks 1 4 background type image blocks 1 4 link whole block block width full width panel block height content height panel text alignment center panel vertical content alignment middle number of blocks 4 panel title text is entered blocks 1 4 background type image blocks 1 4 link whole block block width full width panel block height content height panel text alignment left panel vertical content alignment top when hovering over with mouse number of blocks 4 panel title text is entered blocks 1 4 background type image blocks 1 4 link whole block block width full width panel block height aspect ratio panel text alignment center panel vertical content alignment middle when hovering over with mouse same as above, but block widths contained two blocks panels stacked with 3 blocks each blocks panel 1 panel title text is entered all blocks background type image all blocks link whole block block width full width panel block height aspect ratio panel text alignment center panel vertical content alignment middle same as above, but block widths contained