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.
 
 

Header

Hide Header

CSS

Header does not follow scrolling

CSS
 

Enlarge the text in the search window.

Left: before,  Right after
Left: before, Right after
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
 

Contact us

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.