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)Contact us
The gap at the top with and without the page icon has been adjusted, and CSS has been added for this purpose.
In addition to the title area, hide spaces for icons, etc.
Adjust the value according to each heading.
You can check the Full Width checkbox on the Notion side.
Then add the following values to the additional CSS URL specification
Add the following to HTML insert (body)
Add the following to CSS
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.
This prevents category names from being lost when scrolling.
Example of displaying only 2 items (hiding 3 items and beyond)
Please contact us with your site ID and email address registered with Wraptas ☺️.
If your question is related to a display problem, please let us know the OS and browser version of the device on which you reproduced the problem.