# Blogs

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/ALbpRe6l5dFsnSS9dRkR/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, open the template selector
2. Select **Blog posts**, then **Default blog post.**
3. Make necessary changes
4. **Save**
   {% endhint %}

## Section settings <a href="#blog-settings" id="blog-settings"></a>

### **General**

**Layout Content:** Select the preferred layout for your content from options like Fluid Container, Stretch Width, Full Width, or simply adhere to the default layout of the video.

**Layout:** Opt for a grid or list arrangement to best display your content.

**Maximum Articles to Show:** Set a limit on the number of articles you wish to display, managing content volume effectively.

**Number of Columns:** Specify the number of columns for organizing your content, applicable for grid layouts.

**Column Gap:** Adjust the space between columns to achieve a balanced and neat presentation.

**Pagination:** Choose the style of pagination from default, load more, or infinite scrolling to enhance navigation through your content.

**Sidebar Position:** Determine the placement of the sidebar in relation to your content to complement your page layout and user experience.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/IDRcO166RMlNMCqD9ZVV/image.png" alt=""><figcaption></figcaption></figure>

### Post settings

**Aspect Ratio:** Offers multiple preset choices along with the option for a custom ratio to fit your specific needs.

**Custom Ratio:** Set an aspect ratio based on your preference.

**Hover Effect:** Customize the interactive hover effect on your content with options including Zoom, Fade In, or opting for None for a static presentation.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/ExMGDF5HEqpxLzywfo8P/image.png" alt=""><figcaption></figcaption></figure>

## Blocks settings

### Recent post

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/4lzyvHNZCv0tGIobTD9X/Screenshot%202024-04-20%20104219.png" alt=""><figcaption></figcaption></figure>

\
**Title:** Assign a heading to your section or feature for clarity and emphasis.&#x20;

**Maximum to Show:** Set a limit on the number of items displayed, allowing for controlled content management and presentation.

**Aspect Ratio:** Offers multiple preset choices along with the option for a custom ratio to fit your specific needs.

**Custom Ratio:** Set an aspect ratio based on your preference.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/9A285qHr5xGIp03jpcnv/image.png" alt=""><figcaption></figcaption></figure>

### Categories

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/EcOpgGVx8N9KMFRf7n9U/Screenshot%202024-04-20%20104838.png" alt=""><figcaption></figcaption></figure>

**Title:** Provide a clear and emphasized heading for your section or feature to guide viewers effectively.

**Select Menu:** Select a specific collection to showcase, tailoring the displayed content to your preferences.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/KaCdC5IdMQLfgZgkZaQT/image.png" alt=""><figcaption></figcaption></figure>

### Tags

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/6wwSuE4SFyPqL8kuJaVw/Screenshot%202024-04-20%20105359.png" alt=""><figcaption></figcaption></figure>

**Tags** can be defined and selected for each blog post, allowing for enhanced organization, easier navigation, and improved searchability of content based on specific themes or topics.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/yzpPZ4Mo2ODLN3eyYIDZ/Screenshot%202024-04-20%20110907.png" alt=""><figcaption></figcaption></figure>

### Image banner

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/QmQBH3lznbWQneJIIrpG/Screenshot%202024-04-20%20105652.png" alt=""><figcaption></figcaption></figure>

**Image Banner:** Choose an image to serve as the banner for the designated section or feature.

**Link:** Provide a URL that the image banner will direct to upon being clicked.

**Open Link in New Window:** Enable this option if you want the link to open in a new browser window, keeping the original page accessible to the user.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/otY7hHqVxKsc7G3GkMAm/image.png" alt=""><figcaption></figcaption></figure>