Buy All 48 Premium WordPress Themes for $54.99

How to Change Slider Content Background Color

change slider content background

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;

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

2 Responses to “How to Change Slider Content Background Color”

    • Hi Thomas,

      Our Premium themes usually have Customize options to update Slider height.

      Login to Admin Panel, then Navigate to Left Menu -> Appearance -> Customize -> ‘Slider’ Section, update values for Slider Height (Large Resolution) and Slider Height (Small Resolution), then save changes

Leave a Reply