# Custom Service Block
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 "**Custom Service Block**".
| 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. |
| Enable Border Top? | Enable to show the border to the top of the section. |
| Enable Border Bottom? | Enable to show the border to the bottom of the section. |
| Border Color | Set the color for the border of the section. |
| Layout Mobile Responsive | Select the layout to display items on Mobile. |
| Arrow Icon Color | Set the color for the slider navigation arrows. |
| Style Layout | Select the style of the layout. Style 1: The content is centered. Style 2: The content is set to the left. |
| 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. |
| Enable Border Title | Enable to show the border below the title (as being underline) |
| Title Color | Set the title color for the section. |
| 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 Margin Bottom | Determine the spacing of the title from the bottom. |
| Title Margin Bottom Mobile | Determine the spacing of the title from the bottom on Mobile. |
| Title Border Color | Set the border title color |
| Description | Fill in the description text for the section. |
| Description position | Select the position of the description to be either to the top or to the bottom. |
| Description Color | Set the color for description text. |
| Description Font Size | Determine the font size of the description text. |
| Description Margin Bottom | Determine the spacing of the description from the bottom. |
| View All | Fill in the text for the view all link. |
| 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. |
| View All Margin Top | Determine the spacing of the view all text from the top. |
| View All Margin Top | Determine the spacing of the view all text from the bottom. |
| 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. |
| Alignment | Select the position of the view all to be to the left, the right or center. |
#### SETTINGS BLOCK
| Setting | Description |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Item Width | Select the width of the item to be Auto (takes as much space as possible) or Full Width (set by slider) |
| Border Items | Select the border style between items: None, Style 1 (The border will have the full height) or Style 2 (The border will take up only half of the item height) |
| Enable Item Distance | Items are separated with a distance. |
| Enable Hover Box Shadow | Enable to show the shadow box on hover. |
| Enable Hover Effects Top | Enable to move the item upward on hover. |
| Item Spacing Top | Determine the spacing of the item from the top. |
| Item Spacing Bottom | Determine the spacing of the item from the bottom. |
| Item Spacing Left/Right | Determine the left and right padding of the item. |
| Border Radius | Round the corners of the item. |
| Grid Gap | Determine the spacing beween items. |
| | |
| | |
| | |
| | |
