# Blogs

{% embed url="https://shopify.pxf.io/oqdYj9" %}

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2Fjmsw1VC6JWCML12IleEA%2Fscreencapture-glozin-demo-myshopify-blogs-life-style-2024-06-13-15_53_56.png?alt=media&#x26;token=fbdbf7bc-41fa-445b-a3c2-c731206629f3" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

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

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

### **General**

**Section width:** You can choose among Fluid container, Full width, Stretch width for the banner layout.

**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://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2Fv6w317MKcuCYSxU24rGs%2Fimage.png?alt=media&#x26;token=18d2657c-39bb-4705-b680-34b734477838" alt=""><figcaption></figcaption></figure>

### Blog

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

**Items to show:** Determine the total number of products to showcase.

**Items per row:** Specify the number of item per row for organizing your content, applicable for grid layouts.

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

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

**Button load more label:** Input content here to be displayed as button label.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FBd9zHeUew2VYWNttF23E%2Fimage.png?alt=media&#x26;token=93b9e491-4deb-4d9d-baac-498d19a51271" alt=""><figcaption></figcaption></figure>

### Promotion image

You can upload an image to serve as a visual representation for the link you select.

**Position:**&#x20;

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2F2OEiUjpWF5qPlz5Y0ox2%2Fimage.png?alt=media&#x26;token=9cae338d-4b3d-4109-833d-0aa8a53bc3cf" alt=""><figcaption></figcaption></figure>

### Posts settings

**Image 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.

**Readmore button style:** Determine the style for the button.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2FXOQeefylfNnJI0hUTHoK%2Fimage.png?alt=media&#x26;token=630e6c59-e9ef-4723-872f-84b7e0306bbd" alt=""><figcaption></figcaption></figure>

### Mobile options and Section padding

**Items per row:** In mobile view, the number of items displayed on each row in the grid layout can be customized to suit your preferences and the overall design of your site.

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://1887672278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGyYuzVsob5kZQHtG5da3%2Fuploads%2F2LkY325KGXEwA1xVaS10%2Fimage.png?alt=media&#x26;token=f0bc0d78-8c53-4799-999c-b2ac6cab1d36" alt=""><figcaption></figcaption></figure>
