Sample CSS collection for copy and paste
This is a collection of CSS that can be used by copy and paste.
Here you will find CSS that can be used to make small changes quickly.
HeaderHide HeaderHeader does not follow scrollingEnlarge the text in the search window.Enlarge the display area of the search windowTitle areaMake sure that the cover image is not visible on both PCs/Smartphones.Hide cover imageHide title, date, and iconsChange in appearanceAdjustment of font size for headingsDisplay content to the full screen widthChange font to NotoSansJPChange external links to button formatDisplay images of bookmarks on your smartphoneフッターエリアfooter areaAdd a Back to Top buttonHide SNS button on TOP pageDatabaseSet the gallery title so that it is not cut off by a single lineHide database propertiesTwo columns of Gallery View on mobileFixed category names in board viewLimit the number of items displayedSearch FormAdd search form to top page onlyAdd search form only to specific pages (with "help" permalink)
Header
Hide Header
CSS
Header does not follow scrolling
CSS
Enlarge the text in the search window.
CSS
Enlarge the display area of the search window
CSS
Title area
Make sure that the cover image is not visible on both PCs/Smartphones.
CSS
Hide cover image
The gap at the top with and without the page icon has been adjusted, and CSS has been added for this purpose.
CSS
Hide title, date, and icons
In addition to the title area, hide spaces for icons, etc.
CSS
Change in appearance
Adjustment of font size for headings
Adjust the value according to each heading.
CSS
Display content to the full screen width
You can check the Full Width checkbox on the Notion side.
Change font to NotoSansJP
CSS
Then add the following values to the additional CSS URL specification
Change external links to button format
CSS
Display images of bookmarks on your smartphone
CSS
フッターエリア
footer area
CSS
Add a Back to Top button
Add the following to HTML insert (body)
Markup
Add the following to CSS
CSS
Hide SNS button on TOP page
SNS buttons are inserted on all pages when inserted, but if you wish to hide them only on the TOP page, please use this option.
CSS
Database
Set the gallery title so that it is not cut off by a single line
CSS
Hide database properties
CSS
Two columns of Gallery View on mobile
CSS
Fixed category names in board view
This prevents category names from being lost when scrolling.
CSS
Limit the number of items displayed
Example of displaying only 2 items (hiding 3 items and beyond)
CSS
Search Form
Add search form to top page only
CSS
Add search form only to specific pages (with "help" permalink)
CSS