Our Code

And we will access the line items by choosing the Child Number of the column list. We do this by using our <li> tag and adding :nth-child(x) to it, with x being our line item number. So if we wanted to cross off the first line item in column 0 we would use:

.fl-pricing-table-column-0 li:nth-child(1)

And to strikethrough the text we use the text-decoration property:

1

2

3

4

5

.fl-pricing-table-column-0li:nth-child(1){

text-decoration-line:line-through;

}

This is the result in the Beaver Builder price table:

If you want to strike out multiple line items, just add a comma, copy the code again and change the child number:

1

2

3

4

5

6

7

.fl-pricing-table-column-0li:nth-child(1),

.fl-pricing-table-column-0li:nth-child(2),

.fl-pricing-table-column-0li:nth-child(3){

text-decoration-line:line-through;

}

The Result:

If you want to add a different strikethrough color to the Beaver Builder pricing table and dim the text, you can do so with other text-decoration properties:

Conclusion

There you have it. A simple way to strikethrough text in the Beaver Builder pricing table.