Skip to main content

How to edit Style and Layout of a Block in a Elementor Page?

Block Style Settings​

Foxiz allows you to manage block style and layout via Elementor settings. To get started, follow the steps below:

  1. Navigate to the Live Editor and select a block you would like to edit

    The Live Editor is the Elementor editor. Click the block on the canvas and its controls open in the left panel.

  2. Select the Style tab, then find the setting you would like to edit.

    The Style tab of a Foxiz block, which opens on its Featured Image group

    The tab is divided into one section per part of the post card, which is the quickest way to find a setting. On Foxiz - Grid 1 they are:

    • Featured Image
    • Entry Category
    • Post Title
    • Entry Meta
    • Bookmark
    • Post Format
    • Excerpt
    • Read More
    • Index Counter
    • Pagination
    • Text Color Scheme

    Other blocks carry the subset that applies to them.

note

A block's style is set in two places:

  • Theme Options sets the global design for every block of that kind. To edit the global settings, please read this documentation.
  • The block's own Style tab, from step 2, changes that one block.

When both are set, the block wins. Its dropdowns start on - Default -, or Default from Theme Option on a few such as Entry Category and Entry Meta, and a dropdown left there follows the global design. So set the global design first, then change only the blocks that should look different.

Post Entry Meta​

To choose the entry meta for one specific block, follow the steps below:

  1. Navigate to the Style tab > Entry Meta

  2. Select Custom Below under the Entry Meta setting.

    The section and the setting inside it share the name. The dropdown has three entries:

    • Default from Theme Option: the default. The block follows the global setting.
    • Custom Below: the block shows the keys you type into Entry Meta Tags in the next step.
    • Disable: removes the meta line from this block entirely.

  3. In the Entry Meta Tags box, enter the meta keys to show, separated by commas. For example: avatar,author,date

    The order you type them in is the order they appear.

    The Entry Meta section of a Foxiz - Grid 1 block, with Entry Meta on Custom Below and avatar,author,date in Entry Meta Tags

Meta keys including: avatar, author, date, category, tag, view, comment, update, read, like, bookmark, custom

A key the theme does not recognise is not an error. It is read as a taxonomy key or a custom field id and the value is printed, which is how you put a custom taxonomy into a post card.

The field also takes a prefix and a suffix around a key, written as prefix {key} suffix, so Categories: {category} prints the word before the list.

Block Layout Settings​

To get started, follow the steps below:

  1. Navigate to the Live Editor and select a block you would like to edit

  2. Select the Layout tab, then find the setting you would like to edit.

    The Layout tab of a Foxiz block, which opens on its Columns group

    This tab is sectioned too. On Foxiz - Grid 1:

    • Columns
    • Grid Borders
    • Spacing
    • Centering
    • Responsive Layouts
    • Carousel Mode
    • Tablet/Mobile Horizontal Scroll
note

Please note: If you see a desktop or mobile icon beside a setting, it is a responsive setting: you can set separate values for desktop, tablet and mobile devices.

Not every setting that sounds responsive is. Columns on Desktop, Columns on Tablet and Columns on Mobile are three ordinary dropdowns with no icons, because the device is in the label instead.

Every Foxiz block, control by control​

These cover the blocks themselves: where each one lives in the panel, every control it offers and what its default is.

Related Articles