CSS for dataview lists

Basement
1

Things I have tried

  • Scouring the forum
  • Scouring the internet
  • Using the developer tools

What I’m trying to do

I am trying to use CSS to change the padding on lists created by dataview (not all lists).

Using the developer tools, I can see that there is a class for dataview lists:

dataviewclass

I can change the padding in the developer tools, but when I try to create a CSS snippet based on the information in the developer tools, the CSS just doesn’t work:

/* padding of dataview lists */

dataview list-view-ul {
padding-left: 10px;
}

Can anyone help?

Thanks

Angel

2

Got it working. Here for anyone else who needs it:

/* padding of dataview lists */

.dataview.list-view-ul {
padding-left: 7px;
}

And if, like me, you want to be rid of the actual bullets:

/* padding of dataview lists */

.dataview.list-view-ul {
padding-left: 0px;
list-style-type: none;
}

Angel

3 Likes
3

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.