How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?

In WordPress 6.1.1 (released 2022-11) this is not possible in the UI. But good news: In WordPress 6.2 (to be released somewhen March 2023) this will be possible! Was introduced as an experimental feature in Gutenberg 14.8 from 2022-12 (see video ) It works like this: WordPress Dashboard > Appearance > Editor Open the Styles … Read more

How to add CSS to WordPress

These are some helpful threads on wordpress.org: https://wordpress.org/support/topic/hovering-settings/ https://wordpress.org/support/theme/twentytwentythree/ You can use the hidden customizer option to add your CSS. Append customize.php to your site admin URL. E.g. https://example.com/wp-admin/customize.php And add your custom CSS in the Additional CSS section and this should do the trick.

ACF Extended : Disable styles in front [closed]

Here my solution: add_action(‘wp_enqueue_scripts’, function () { // prevent acfe automatic style enqueue wp_register_style(‘titre-sous-le-header-layout-titre-fond-couleur’, false); wp_register_style(‘titre-sous-le-header-layout-titre-fond-couleur’, false); wp_register_script(‘titre-sous-le-header-layout-titre-fond-couleur’, false); wp_register_script(‘titre-sous-le-header-layout-titre-fond-couleur’, false); }); Final Solution I forgot to show my final solution to eliminate all css load by the_flexible() function: function layout_get($content): void { foreach ($content as $layout) { foreach ($layout[‘layouts’] as $value) { $handle = … Read more

Bullet points not showing in wordpress

In the Additional CSS for your theme, add the CSS code for ‘list-style-type’ for unordered list. Something like: ul { list-style-type: circle; } Note that this will affect all unordered lists on your site. Take a look at this page for other options: https://www.w3schools.com/css/css_list.asp Added Note that your theme may be using additional CSS that … Read more

Remove the main title, but only from the main page

You can use home class in body tag to target homepage. Also avoid using !important for css. which is not a good practice. try the following css: body.home .woocommerce-products-header__title { display:none; } body.home .page-title { display:none; }