Hi @peterc66,
Thanks for reaching out!
Please let me check with my colleague and I will feed you back soon as possible.
Kind regards,
Alina
Hi @peterc66,
Appreciate your patience.
You can use a custom CSS to override FDL style consistently, if you don’t know how to do that, please give us that page link then we will provide you the CSS.
Looking forward to hearing back from you.
Many thanks!
Mia
Thanks I have managed to to do that, but I had hoped there might be an easier way.
Plugin Support
Bruce
(@ninjateamwp)
Hello,
We will try to improve it.
Thanks
Bruce
Hi, I’ve actually downloaded the lite version of “FileBird Lite” and “FileBird Document Library”.
Technically everything worked well, but the block is not integrating so well into my page (https://sternwarte.ryps.eu/mitglieder/).
I’d like to change the font family of the title, its size, the color of the blockbackground and its fontcolor and the color of the botton and the foldericon – is this possible?
As you offered to provide the some CSS, some help would be great.
thanks in advance and best regards
additional info: it should look similar to the column on the left side
-
This reply was modified 1 year ago by
hugofant. Reason: additional info
Hi @peterc66,
Please let me check with my colleague and I will feed you back soon as possible.
Kind regards,
Alina
Hi @hugofant,
Good morning! We were not able to see the Document library on your site https://tppr.me/HNPZBl
Can you check it back?
Best regards,
Mia
ahhh, sorry, my fault – was set to “logged in user” only.
have corrected it to “public” and should be visible now.
left column is a paragraph and a file block – it should look similar to this.
Hi,
as in the meantime more than a week has passed without an answer/reaction – is my request still “in work”?
Hi @peterc66,
I apologize for the delay!
Please let me check again with the dev and I will feed you back soon as possible.
Kind regards,
Alina
Hello @hugofant ,
Good day!
We really appreciate your patience.
Please try using the following CSS to make it work as desired.
#filebird-document-library div.fbdl-search-control .fbdl-title h2{ color: white; font-size: 1rem; } #filebird-document-library div.fbdl-search-control .fbdl-title svg path{ fill: white; } #filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-display span svg path{ fill: white; } #filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-display span svg{ color: white; } #filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-display .fbdl-layout-control-display-selected path{ fill: red; } #filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-display .fbdl-layout-control-display-selected{ fill: red; color: red; } #filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-display span svg:hover{ color: red; fill: red; } #filebird-document-library div.fbdl-layout-control .fbdl-layout-control-wrapper .fbdl-layout-control-display span svg:hover path{ color: red; fill: red; }
Hope that helps.
Many thanks!
Mia
Hello Mia,
thanks for your answer, but maybe i was not clear enough: i’d like to change the white backgroud of the “document block” to transparent and also to change the grey background of its “header line”.
If i’m right, your code ony changes the color of text and icons outside the “document block”.
best regards
hugofant
-
This reply was modified 1 year ago by hugofant. Reason: typo
-
This reply was modified 1 year ago by hugofant. Reason: typo
Hello @hugofant,
Thanks for your feedback!
Please try it again
#filebird-document-library div.fbdl-listview-wrapper, #filebird-document-library div.fbdl-gridview-wrapper { background-color: transparent; } #filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table th.fbdl-table-first-header, #filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table th.fbdl-table-header, #filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table th.fbdl-table-last-header{ background-color: red; }
Hope that works.
Best regards,
Mia
Hi Mia,
thanks a lot – and works great…but, last but not least, as the background is dark now, i would also need to know how to replace the black text color to something brighter.
thanks for your patience and best regards
Hugofant
Hi @hugofant,
Here you are
#filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table th.fbdl-table-first-header, #filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table th.fbdl-table-header, #filebird-document-library div.fbdl-listview-container .fbdl-list table.fbdl-table th.fbdl-table-last-header{ background-color: red; color: white; } #filebird-document-library a, .fbdl-list-item>div { color: white !important; }
Please let me know if it works as expected 😀
Many thanks!
Mia
