Skip to main content

You can add alternating background colors to rows in Crowdstack 1.0.

For instance, here is an unstyled list of forums (v1 sites only):

Screen Shot 2015-10-01 at 11.56.18 AM

We can apply alternating background colors to these forums easily by adding this CSS to our theme:

.h-ubb-directory-forum-box:nth-child(odd) {
background-color:#f8f8f8;
border:1px solid #dfdfdf;
padding:10px;
}
.h-ubb-directory-forum-box:nth-child(even) {
background-color:#f0f0f0;
border: 1px solid #dfdfdf;
padding:10px;
}

After we apply this CSS, our Forum List looks like this:

Screen Shot 2015-10-01 at 11.47.40 AM

The CSS above specifically tagets the .h-ubb-directory-forum-box, so if you are looking to add alternating colors for a different list, you'll want to make sure you target that specific class.

Attachments

Images (2)
  • Screen Shot 2015-10-01 at 11.47.40 AM
  • Screen Shot 2015-10-01 at 11.56.18 AM

Replies sorted oldest to newest

Add Reply

×
×
×
Link copied to your clipboard.
×