Style a Strip (2 min)
Completion requirements
01 Getting Started
This tutorial covers how to style a strip including:
- How to select a strip.
- Quick toolbar options.
- Element style panel main options.
- Using spread mode.
02 Styling the Strip
Double-click inside the strip to select it, the quick toolbar is displayed.
The options include:
![strip quick menu](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/869199124/1_Quickmenu.png)
The options include:
- Border color.
- Fill color.
- Bottom of strip color.
- Alignment options.
- Element styling window button - this will display the complete styling menu.
![strip quick menu](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/869199124/1_Quickmenu.png)
03 Adding a Strip Background
1. Navigate to the element styling menu and select the strip tab.
2. Expand the Fill drop down. You can:
![Strip styling, strip tab](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/599016191/2_Fill.png)
2. Expand the Fill drop down. You can:
- Set a solid background color.
- Set a gradient color.
- Use an image as the background.
![Strip styling, strip tab](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/599016191/2_Fill.png)
04 Spread Mode
The background fill can be placed within the strip area or can occupy 100% of the screen.
When spread mode is enabled the background fill will the entire screen.
![screen showing how the strip fills with spread mode disabled and enabled](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/494511386/3_FillOptions.png)
To only display the background within the strip, disable spread mode.
![strip styling menu](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/494511386/4_Spreadmode.png)
When spread mode is enabled the background fill will the entire screen.
![screen showing how the strip fills with spread mode disabled and enabled](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/494511386/3_FillOptions.png)
To only display the background within the strip, disable spread mode.
![strip styling menu](https://academy.titandxp.com/pluginfile.php/1941/mod_custompage/topics/494511386/4_Spreadmode.png)