- Home
- Docs
- Saasland Documentation
- Saasland Elements
- Blog Post
Blog Post
Estimated reading : 3 minute
Blog is an integral part o0f any website. Using this widget, you can customize how your blog page will look like. You will get the following customization feature in the blog widget.
- Content
- Style
- Advanced
Content:
Under the content section you can customize the following options.
- Blog Style
- Read More Button
- Filter
- Grid Column
Blog Style: From the blog style option, you can select from the premade blog styles. The style you pick will be reflected on your blog page.
Read More Button: From the read more button, you can pick which text you want to put in the read more button. You can write any text of your liking. From this option, you can also change the icon size that is associated with the read more button on the blog page.
Filter: In the filter section, you can decide how many blogs you want to show per column, select specific category of the blogs, select order of the blog, and title content limit and more. You can also turn on or off the pagination function from here.
Grid Column: From the grid column, you can pick how many blogs will appear per column.
Style:
From the Style section, you can select the color of the Title style and Accent Color.
Advanced
In the Advanced section of the tool, you will have the flexibility to add margin and padding to the element. You can also modify the Z-index to customize the element more.
You will also get the chance to edit and customize the following options:
- Motion Effects
- Background
- Border
- Positioning
- Responsive
- Attributes
- Custom CSS
Motion Effects:
From the Motion Effects option you can add different effects such as fading, zooming, bouncing, sliding, rotating, attention seeking motion, lightspeed and more effects to make your website look different.
Background:
If you want to customize the background with specific color, gradient or images, you can do that from the advanced settings as well. You can pick background type, color, gradient, gradient type and more.
Border:
If you want to add any line, box, dots and other design variations as borders of the element, you can do it from here. You can also customize the size and insert shadow effects if you want to.
Positioning:
This feature will allow you to fix the positioning of the element. From the width section you can select if the position will be full width, inline or customized. And you can set the position as absolute or fixed as well from these settings.
Responsive:
You can check the responsiveness of the elements if you toggle through the available options. However the change of the widget will be only visible on the live page or preview, not in the Elementor.