How to Change Slider Content Background Color

If you use tBiz, tChess, tDesign, tFinance, tRealEstate, tTechnology, or tTravel theme, you probably have noticed the transparent background color behind the slider content. The purpose of it is to make text there easier for reading by website visitors.

In some cases you may want to change it or update the transparency value. It will require a small code change. Here are all of the necessary steps:

1. Login to Admin Panel
2. Navigate to Left Menu -> Appearance -> Editor
3. Open style.css
4. Find the following code (about line 200):
   .slider-content-wrapper {

       background-color: rgba(0, 0, 0, 0.3);

       color: #ffffff;

   }
5. If you want to change the transparency update the last value of rgba, i.e.
   rgba(0, 0, 0, 0.3) -> rgba(0, 0, 0, 0.7)
6. If you want to update the color, update the first three values of rgba to a color value, i.e.
   rgba(0, 0, 0, 0.3) -> rgba(255, 10, 10, 0.3)
7. In case you want to change the slider text color, update the color value, i.e.
   color: #ffffff; -> color: #FF0000;