Block quote
Brand logos paired with a quote, for press coverage, stockists or partner endorsements.
At a glance: Add it to any page with Add section. Holds up to 5 blocks.
Good for
- An As seen in strip where each press logo shows its quote
- Quotes from stockists or partner brands
- A single standout endorsement on a card background
How to add the section
- From your Shopify admin, go to Online Store → Themes and click Customize on Sublime.
- Open the page you want to edit from the dropdown at the top of the editor.
- In the left sidebar, click Add section.
- Search for Block quote and select it.
- Drag it into position, adjust the settings below, and click Save.
Section settings
Content
| Caption | Small label above the heading, used for eyebrow text like a category or a date. |
| Heading | The section title. Leave it empty to hide the heading row entirely and let the content start at the top. |
| Heading size | Picks one of the heading sizes defined in Theme settings → Typography, so headings stay consistent across sections instead of being sized one by one.
Choose Default (default), H1, H2, H3, H4, H5 or H6. |
| Description | Body copy shown under the heading. Supports bold, italic and links. |
Layout
| Section style | Visual treatment of the section.
Choose Default (default) or Card. |
| Background image | Image shown behind the section content.
2880 x 920px .jpg recommended. Only appears when Section style is Card. |
Logos
| Inactive logo opacity | How faded the other logos look while one logo's quote is showing. Lower values make the active logo stand out more.
Adjustable from 0% to 100% (default 10%). |
| Enable auto-rotate | Cycles through the items automatically. Keep the speed slow enough to read each item twice. Content that moves on its own is easy to miss.
Off by default. |
| Change logo every | How long each quote stays on screen before the next logo and its quote take over.
Adjustable from 2s to 10s (default 4s). Only appears when Enable auto-rotate is on. |
Text sizes
| Item heading size | Heading size for each item, from the sizes in Theme settings → Typography.
Choose Default, H1, H2, H3 (default), H4, H5 or H6. |
Appearance
| Color scheme | Sets the background, text, border and button colors for the section. Schemes are defined once in Theme settings → Colors and reused everywhere, so changing a scheme updates every section using it. |
Spacing
Top and bottom spacing for desktop, with optional separate values for mobile. These are the same controls on every section. See Settings every section shares.
Blocks
Blocks are the individual pieces inside the section. In the sidebar, click Add block under the section to add one, and drag blocks to reorder them. The order in the sidebar is the order on the page.
Logo block
Content
| Quote | The quote itself. |
Logo
| Logo | Logo image for this item.
200 x 80px .png or .svg recommended. |
| Desktop logo width | Displayed logo width. Upload at roughly twice this value to stay sharp on retina screens.
Adjustable from 20px to 200px (default 50px). |
| Mobile logo width | Displayed logo width on mobile.
Adjustable from 20px to 200px (default 50px). |
Tips
- Use logos of a similar visual weight. Single-color or transparent logos look most even.
- Keep quotes to one sentence. They change on a timer, so short quotes can be read in time.
- Leave enough time on each quote. Four seconds or more is comfortable for a sentence.
Troubleshooting
Quotes don't change on their own
Turn on Enable auto-rotate. Without it, shoppers change the quote by selecting a logo.
The other logos are almost invisible
Raise Inactive logo opacity so the logos that aren't selected stay readable.
I can't add more logos
The section holds up to five Logo blocks.