Blog Post Overview

A blog post plays a crucial role in any content marketing plan. It is often created to address a specific subject or provide an answer to a question, making it an effective educational tool. These posts are an excellent medium for sharing in-depth articles related to your business and covering topics that resonate with your audience.

General Settings Overview

Title or Element Name

In the General Settings section, the Element Name or Title is displayed at the top. This field shows the default name of the current editing option, which can be modified to make the building process smoother when designing your funnel page.

Blog Layout Types

• Standard: This layout displays blog posts in a grid format.
• Compact: This format arranges blog posts in a list view. 

Replacing Content

This placeholder content will be replaced by your unique blog post during live previews or once published.

Blog Site Selection

You can choose the blog site you want to display on your page. After selecting a site, use the "Sort By" feature to organize how the posts will appear. 

Category Filtering

To refine what content is displayed, you can filter posts by specific categories using the provided options. 

Pagination Settings

In the Pagination section, you can determine how many blog posts are shown per page. The suggested range is between six and nine, but this can be adjusted based on your needs. 

Image Optimization

Improve your blog's performance by optimizing image load times. This feature reduces the file size of images without sacrificing quality, leading to faster page loading speeds. Faster blogs lead to better user engagement and improved search engine visibility. 

Button Customization

• Button Background Color: Modify the button’s background color.
• Button Text Color: Customize the color of the button’s text.
• Button Border Color: Adjust the border color to match your design.

Advanced Settings

The Advanced Settings menu offers various customization options, including spacing adjustments, border and shadow settings, visibility preferences, and the ability to input custom CSS for further control. 

Margin & Padding Adjustments

• Padding: Adjust the content's position by modifying the padding for the left, right, top, or bottom sections.
• Margin: Change the spacing above or below the content by toggling the margin settings.

Border and Shadow Settings

Select from various border styles and apply them to your blog. A preview of the chosen style will be displayed. 

Border Styling Options

If you opt for a border, you can choose from three styles: solid, dashed, or dotted. 

Border Width

Adjust the thickness of your border in the width section. 

Border Color

To change the border color, use the color picker icon. 

Border Radius

Modify the border radius to curve the edges. A higher value results in a more rounded appearance. 

Radius Edge Options

You can select which edges of the border to round: all edges, the top, or the bottom. 

Box Shadow

To add a shadow effect, you can control its intensity, making it as subtle or as strong as you prefer.

Visibility and Customization

In the visibility settings, you can control whether the blog post element appears on desktop, mobile devices, or both. Additionally, if you have a custom class, you can input it in the provided field for further customization. 

Custom CSS

If you need to apply custom CSS, you can copy the reference code by clicking the "Copy" icon.