Article sections

    Post Meta Data refer to information about a post: author, date, time, comments. It helps users find out more information about the post, who’s written it, when and how popular it’s become.

    To add a Post Meta Data component to your page, make sure you have the list of components open in Customizer. Under the subcategory named Blog Components, find Post Meta Data. To insert this component into your age, drag-and-drop the component and place it where you want it to appear, in the page. It’s best practice to place it under/above a post or a post summary.

     

     

    To make customizations for the Post Meta Data, you need to make sure you have the corresponding settings open in Customizer.

    Content

     

    Alignment of the Meta Data – this Meta Data can be aligned to the left, at the center or to the right, under/above the post or post excerpt.

    Reordering Meta Data

    You have the option to enable display of certain Meta Data or disable them, as you wish. In our case, all Meta Data is enabled for display:

    • Author
    • Date
    • Time
    • Comments

    You can change their order any time, by selecting the grid at the left of the Meta Data and using drag-and-drop to rearrange the items.

    Separators used between Meta Data

    Fill in the blank space with the separator you want to e placed between items composing Meta Data. In our case, there’s a “|” element.

    Show icons

    If you enable this option, the Meta Data will be represented by icons representative of each item:

     

     

    Style

     

    From here, you can make adjustments to the style and appearance of the Meta Data items in your page.

    Background color – this is the color of the background for the space dedicated to Meta Data

    Link color – this is the color of the links, as they are displayed in the page

    Link hover color – this is the color of the links, as they are displayed when users hover their mouse over them

    Icon color – this is the color of the icons representing the Meta Data

    Icon size – set values on the slider for the dimensions of the icons representing the Meta Data

    Icon space – set values for the distance between the icons representing the Meta Data

    Typography – click on the pencil icon next to Typography, to open the panel with customization options

     

    in Blog Components