A blog section provides educational content on specific topics or queries related to your business. It is an opportunity for you to share long-form articles that your target audience may want to read or learn about.
1. Click "Marketing"
2. Click "funnels"
3. Click "Add Element"
4. Select "Blog Posts"
5. Element Name / Title
The default name/title of the edit option can be left as is or renamed.
6. Select "Blog type"
You can choose between two options- standard and compact. The standard type displays blogs in a grid view, whereas the compact type displays them in a list view.
Standard
Compact
7. Click here to "Choose category page"
8. Click here to Adjust "Pagination"
This setting allows you to determine the number of blog posts visible on the page. It is recommended to keep it at 6 or 9 blog posts.
9. Click here to customize "button"
10. Click "Advanced"
11. Click here to Adjust "Padding"
Padding Left, Right, Top, and Bottom: These toggle bars move content to the left, right, top, or bottom, depending on the bar clicked.
12. Click here to Adjust "Margin"
The top or bottom margin of content can be adjusted by toggling its bars
13. Select "border"
The border type can be selected, with border settings popping up once the type is chosen.
14. Select "border style"
Three different border styles are available- solid, dashed, or dotted.
15. Select "Border width"
Increasing the border width will increase its thickness.
16. Select "Border Color"
The border color can be changed by clicking on the color icon.
17. Select "Border Radius"
Adjusting the radius curves the border edges- the higher the number, the curvier the border.
18. Select "Radius Edge"
The corner of the border that is curved can be selected- all edges, top only, or bottom edge only.
19. Select "Box Shadow"
The strength or lightness of the shadow can be selected for the box.
20. Select "visibility"
This particular edit option can be made visible on mobile devices, desktops, or both by highlighting the icon.
21. Input "Class Name"
A custom class can be inputted here.
22. Click here to copy "CSS Selector"
To copy the custom CSS, the "Copy"
