20 articles
Layout
The structure blocks: rows, columns, containers and wrappers. They carry classes, spacing and background, and hold other blocks inside them, so reach for these first when a section needs a shape.
ColumnA responsive grid column (.col-*). Set per-breakpoint widths and place any content inside.ContainerA responsive .container wrapper. Place rows and columns inside to build section layouts.CopyrightsThe footer copyrights bar: a copyright line with links on the left and an inline menu on the right. Use the Bare layout to render just the left-hand piece for...Footer AboutA footer "About" column with logo, description and optional address, using the .footer-logo markup.Footer ContactsLarge label/value contact rows using the .footer-big-contacts markup and styling.Footer InstagramA footer Instagram / photo-stream widget: a masonry grid of images with optional links, using the .masonry-thumbs markup.Footer Widget AreaThe root of a built footer widget row: drop Footer About, Widget Links, Footer Contacts, Subscribe, or Footer Instagram blocks inside.Grid FilterIsotope category filter bar (.grid-filter) that drives Isotope-filterable grids. Source items from a taxonomy or a manual list.HeroRenders the hero each page assigns in its Hero panel, or one hero you pick. Compose heroes under Canvas → Heroes.Image ElementA bare image with no figure or caption around it, for logos and badges that sit inline beside other content.Inline ContactA flat inline run of icon + text contact items (email, phone, Skype, etc.) joined by middot separators: the #copyrights bar contact line.Inline TextA run of text that sits directly inside its container, with no paragraph or span of its own. Inline leaves only.Line BreakA single line break used as a spacing device. Add responsive classes in the Advanced panel to break the row only on some screen sizes.Page SliderRenders the slider each page assigns in its Slider panel, or one slider you pick. Slides, effects and height are configured on the slider itself.Page TitleRenders the page title band each page shows under its header, as set in the page's Page Title panel and in Theme Options. The band itself is the Page Title template part.Quantity InputA .quantity stepper: a number input flanked by minus/plus buttons. Static and product-agnostic, pair with a button for an "Add to Cart" row.RowA grid row. Place Canvas Column blocks inside to lay out content in a responsive grid.Subscribe WidgetFooter social call-out items (icon + "Like us / on Facebook" text) using the .subscribe-widget markup.Widget LinksA footer link-list column using the .widget_links markup and styling.WrapperA bare HTML element that carries only the classes you give it and holds other blocks inside. Use it when a design needs an exact wrapper element without any extra editor...