[JadeModerator]

Hi there,

You can actually achieve this by adding some list items in the tabs and then adding a class to the tab.

An example Text content would be:

<strong>Topic 1</strong>

<ul>
    <li>Lesson 1</li>
    <li>Lesson 2</li>
    <li>Lesson 3</li>
    <li>Lesson 4</li>
    <li>Lesson 5</li>
</ul>

You can add more group of list items in one tab.

One you have the content setup, you can set the alternate background for every line through CSS (you can add this in Appearance > Customize > Custom > CSS):

This is assuming that topic is the class name of your tab.

.topic ul {
  list-style: none;
  margin: 0;
}

.topic ul li {
  padding: 10px 0;
}

.topic ul li:nth-child(odd) {
  background-color: #ccc;
}

.topic ul li:nth-child(even) {
  
}

Hope this gives you an idea.

[AmirParticipant]

Amazing as usual!!

Here I was digging deep to solve this issue and then you made it seem simple.

Thanks.

[RadModerator]

You’re soo welcome Amir!

[Author]

Posts