CSS snippets
CSS snippets for WordPress sites and themes: layout, typography, the block editor and front-end fixes.
-
Load Scripts Organizer CSS/SCSS inside Gutenberg editor
Load the CSS of Scripts Organizer CSS or SCSS code blocks into the WordPress Gutenberg editor, so the editor canvas matches your site.
-
WordPress Admin Menu as a Top Horizontal Bar
Move the WordPress admin menu from the left sidebar to a horizontal bar at the top with CSS only, with dropdown submenus and keyboard access.
-
Add Order Numbers to Items in WordPress With CSS
Number cards, columns or any repeated items in WordPress automatically with a CSS counter: add one class to the block, no jQuery needed.
Category: CSS -
Hide Flickity Slider Dots With Only One Slide in WordPress
Hide the Flickity slider page dots in WordPress when there is only one slide, with one CSS rule that works with Flickity v2 and v3.
Category: CSS -
Images are not sharp enough when they are scaled down
Oxygen adding class to images by default “.ct-image”. To target all the images use img tag or .ct-image. If you want to play with more options there are some couple of more settings:
3rd party plugins actions admin admin bar archive block-themes block editor Blocks block theme build caching capabilities core CSS custom post types development filters gutenberg hook hooks Image img javascript load styles maintenance media Must Have npm Oxygen performance php plugins rest api scripts organizer security single product tailwind theme.json Tips transients updates WooCommerce wordpress wp-cli WP Admin