# Featured Blog To add this section, please follow below steps: 1. From your Shopify admin, go to **Online Store** **->** **Themes**. 2. Find the theme that you want to edit, and then click **Customize**. 3. Click **Add section** and choose "**Featured Blog**".
## Section Settings | Setting | Description | | ------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- | | Layout: | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width. | | Padding Container Full Width | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected. | | Margin Minus Top | Determine the minus integer of spacing top (which means the section will get closer to the section below it) | | Spacing top - Desktop / Tablet / Mobile | Determine the spacing of the section from the top on Desktop, Tablet and Mobile. | | Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile. | | Background Color | Set the Background Color for the whole section. | | Background Gradient | Set the Background Gradient for the whole section. If the gradient is none, then the background color will be applied if any. | | Background Image | Upload/choose an image as the background for the section. | | Title | Enter the title for the section. | | Title Color | Set the title color for the section. | | Title Border Color | Set the line-through color for the section title. | | Enable Title Border | Enable to show the line through the section title. | | Title Custom Width | Determine the width of the title content. | | Title Font Size | Determine the font size of the section title on Desktop ranging from 10px to 50px. | | Title Font Size Mobile | Determine the font size of the section title on Mobile ranging from 10px to 50px. | | Title Spacing Bottom | Determine the spacing of the title from the bottom. | | Description | Fill in the description text for the section. | | Description Color | Set the color for description text. | | Description Spacing Bottom | Determine the spacing of the description from the bottom. | | Description Font Size | Determine the font size of the description text. | | Alignment | Align content to the left, the right or center of the section. | | View All | Fill in the text for the view all link. | | View All Margin Top | Determine the spacing top of the view all | | View All Margin Bottom | Determine the spacing bottom of the view all | | View All Alignment | Align the view all to be either to the left, right or center of the section. | | View All Font Weight | Select the font weight of the view all text. | | Enable View All Border? | Enable to underline the view all. | | View All Link | Enter the link to redirect viewers to after being clicked. | | View All Color | Set the color for the view all text. | | View All Icon | Fill in the icon for the view all link along with its text. | | Icon View All Color | Set the icon color of the view all link. | | View All Position | Select the position of the view all to be under the heading or to the right side of the heading. | | Button | Enter the text for section button. | | Link | Enter the link that the button redirects to. | | Button Font Size | Determine the font size of the button. | | Color - Background Color - Border Color | Set the color, background color and border color for both normal and hover states. | | Button Background Opacity | Determine the transparency of the button background. | | Button Text Transform | Select the text transform for the button to be either Lowercase, Uppercase or Capitalize. | | Icon | Enter the icon (svg) for the button. | | Button Spacing Top | Determine the spacing of the bottom from the top. | ### Blog Settings | Setting | Description | | ------------------------------- | --------------------------------------------------- | | Select Blog | Select the blog to show its blog posts. | | Item Per Row | Select the number of items per row. | | Grid Gap | Determine the spacing between each post. | | Posts Limit | Determine the maximum number of blog posts to show. | | Posts Content Description Limit | Limit the content description by word count. | | Text By | Enter the text prior to the post date. | | Text On | Enter the text after to the post date. | ### Blog Item Settings | Setting | Description | | ------------------------- | ----------------------------------------------------------------------------------------------------- | | Background Color | Set the background color for all blog posts | | Blog Item Border Radius | Round the corners of all blog post cards. | | Blog Content Margin | Determine the spacing of the blog content to its sides. | | Image Margin Bottom | Determine the spacing of the blog post image from its bottom. | | Title Font Style | Select the font style of the blog post title to be either normal, uppercase, lowercase or capitalize. | | Title Spacing Bottom | Determine the spacing of the blog post title from the bottom. | | Info Margin Bottom | Determine the spacing of the blog post info from the bottom. | | Description Margin Bottom | Determine the spacing of the blog post description from the bottom. | | Alignment | Align the Blog Post content to left, right or the center of the card. | | Blog Link Text Transform | Select the style for the blog link to be either none, uppercase, lowercase or capitalize. | | Blog Link Font Weight | Select the font weight of the blog post link. | | Enable Border Box | Toggle to enable the border of the blog post card. | | Color Border Box | Set the color of blog post card border. | | Title Blog Color | Set the color of the blog post title. | | Date Blog Color | Set the color of the blog post date. | | Description Blog Color | Set the color of the description of the blog post. | | Button Width | Determine the button width of the section. | | Button Blog Color | Set the color of button text. | | Content on Image | Toggle to display content on the image or below it. | | Background Color | Set the background color of the content when the content is On Image. | | Background Gradient | Set the background gradient of the content when the content is On Image. |