Code snippets: File cards
Change the border-radius of a file card
.OcuDarcula .card__wrapper, .OcuLight .card__wrapper { border-radius: 0px; }
Change a corner of a file card
.OcuDarcula .card__wrapper, .OcuLight .card__wrapper { border-top-left-radius: 5px; border-top-right-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; }
Change the background color of a file card
.OcuDarcula .card__wrapper, .OcuLight .card__wrapper { background: red; }
Remove the title of a file card
Remove the line under the title of a file card
Remove the tabs when there’s only one tab present
Change the font of the body text
Change the font of the title
Add styling to a specific file card based on its ID
Enlarging an asset to half the size of a file card (TEMPLATE)
Make asset of a file card full screen (template)
Make title in application visible on file card
Change the color of the arrows in the asset swiper:
Copy the text between the quotes and change fill%3D'%23000000' to fill%3D'%230082B4'
The %23 is replacing the # and the other numbers are the same as your hex code: #0082B4 = %230082B4
QR Codes
When you add a QR code to a File Card it is possible to style it the way you want.
Default it will use the Accent Color from your Theme (for example brown in this QR code).
Use these snippets to change the color of the background and the qr code blocks.
When you change the color, be aware of the contrast. If the contrast isn’t good enough, you wont be able to scan the QR code.
Change the color to red
Change the background to black and the color to green
Change the color back to the original QR code color
Change the width and the height of the QR code
To align the QR code the left, use this snippet
Change a specific QR code
First get the ID
Change this snippet so it changes the correct filecard