Special Offer: Buy All 48 Premium WordPress Themes for Just $74.99. Learn more

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 web developer, founder of tishonator.com, a fan of Linux and Open Source, a gym enthusiast, a vegan, a fan of minimalism, good movies and books :)

Leave a Reply