Hi Michela,
Can you show what you mean? I’m not sure I understand.
-Dan
Of course. I’d like to align the icon and the title like here.
I wanna be clearer:
I’d like to have the PDF icon or thumbnail on the left and the title of the document on its right. Is it possibile?
Hi michelabozza,
It’s definitely possible. You’ll need to use custom CSS (under Dashboard -> Settings -> Document Gallery).
If I have some free time this weekend, I’ll try to throw something together.
-Dan
Hi michelabozza,
My colleague has come up with a solution that should meet your requirements:
.document-icon {
width: 100% !important;
}
.document-icon > a {
display: table !important;
table-layout: fixed;
border: none !important;
}
.document-icon > a > img {
display: table-cell !important;
min-width: 89px;
border: 2px solid transparent !important;
border-radius: 5px;
}
.document-icon > a > span {
display: table-cell !important;
text-align: left !important;
vertical-align: middle !important;
padding-left: 5px;
text-decoration: underline;
}
.document-icon > a:hover > img {
border-color: #006a9b !important;
}
.document-icon > a:hover > span {
text-decoration: none;
}
.document-icon-row.descriptions > .document-icon {
max-width: none !important;
}
This would work the same for descriptions = false and true except for descriptions themselves; to turn description field off (while descriptions true :D)
.document-icon-row.descriptions > p {
display: none;
}
To make the code work only for descriptions true mode one should add .descriptions > before each .document-icon
Thank you for your help, it works!
Glad to be of service! 🙂
-Dan
PS: If you’ve found this plugin useful, please take a moment to rate it. Thanks! 🙂
