View Single Post
Old 09-16-2022, 07:32 AM   #1
01100001
Enthusiast
01100001 began at the beginning.
 
Posts: 33
Karma: 10
Join Date: Sep 2022
Device: Microsoft Surface Pro 7, Apple iPad
Question How to style (CSS) Custom columns/fields in Book details pane? What are their IDs?

Under Preferences > Look & feel > Book details > Text styling it appears you can style the content shown in the Book details pane.

This is what I am referring to:

Click image for larger version

Name:	Book details pane.png
Views:	475
Size:	572.3 KB
ID:	196575

I am looking to style a custom column/field and its content in the Book details pane (called Filenames2 (#filenames2)). It looks like this (and is based on the help received from our members here):

Click image for larger version

Name:	Book details pane custom field.png
Views:	460
Size:	23.9 KB
ID:	196576

But I don't know what their HTML ID attribute values are so I can use them and style them using CSS. Also, I cannot be sure what their HTML markup looks like.

I tried a couple, and neither is working:

Code:
#_filenames2 ul,
#_filenames2 ul li {
    padding-left: 0;
    margin-left: 0;
    text-indent: 0;
}

#_filenames2 li {
    user-select: all;
}
Code:
ul,
ul li {
    padding-left: 0;
    margin-left: 0;
    text-indent: 0;
}

li {
    user-select: all;
}
Question: What am I missing here? Also, is there any way to view the markup of the actual fields and their values being shown in the Book details pane? (I know there's a partial example shown in the Preferences > Look & feel > Book details > Text styling field.)

Last edited by 01100001; 09-16-2022 at 07:35 AM.
01100001 is offline   Reply With Quote