# Brand Slider
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 "**Brand Slider**".
## 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. |
| 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. |
| Style Layout |
Select the layout style for the section. Style 1: Each item is shown regularly. Style 2: Each item is shown as a card with box shadow. Style 3: The title will lie on the left while block items will be on the right of the section.
|
| Layout | Select the layout of the items to be either grid or slide. |
| Enable Border? | |
| 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 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. |
| Enable Border Title | Enable to show the border below the title (as being underline) |
| Title Border Color | Set the border title color |
| Description | Fill in the description text for the section. |
| 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 Font Size | Determine the font size of 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 Bottom | 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. |
| View All Icon Side (Left / Right) | Select the position of the icon to be on the left or right side of the view all link. |
| Button Text | Fill in the button text of the section. |
| Button Font Size | Determine the font size of button text. |
| Button Spacing Top | Determine the spacing of the button to the top. |
| Button Color | Set the color for the button text. |
| Button Link | Fill in the link to redirect to viewers to after being clicked. |
| Alignment | Align the button to be on the left or the right or center of the section |
| Grid Gap | Determine the spacing between each block item of the section. |
| Item Per Row | Select the number of block to be visible at a time. |
| Enable Arrows? | Show the arrows for slider navigation. |
| Enable Dots? | Show the dots for slider pagination. |
| Arrows Position Horizontal | Determine the position of the arrows horizontally from the slider |
| Color - Background Color - Border Color | Set the Color of the arrows Color, background color and border. |
| Item Per Row Mobile | Select the number of block to be visible at a time on mobile. |
| Enable Image Zoom Hover? | Enable to zoom block item image when hovered. |
