CSS

How to sync the style in the visual editor with the style of a child theme?

The parent theme’s functions.php has two functions to manage the editor styles. They are twentytwenty_classic_editor_styles() and twentytwenty_block_editor_styles() and they’re both hooked to init. For example, the classic editor function reads: function twentytwenty_classic_editor_styles() { $classic_editor_styles = array( ‘/assets/css/editor-style-classic.css’, ); add_editor_style( $classic_editor_styles ); } add_action( ‘init’, ‘twentytwenty_classic_editor_styles’ ); To override those styles, copy both of those functions … Read more

My CSS suddenly doesn’t load anymore [closed]

You should remove an additional } on line 18. Try the following <?php if (!function_exists(‘understrap_scripts’)) { /** * Load theme’s JavaScript and CSS sources. */ function understrap_scripts() { // Get the theme data. $the_theme = wp_get_theme(); $theme_version = $the_theme->get(‘Version’); wp_enqueue_style(‘slider-slider-styles’, ‘https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css’); wp_enqueue_style(‘lity-style’, ‘https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.1/lity.min.css’); $css_version = $theme_version . ‘.’ . filemtime(get_template_directory() . ‘/css/theme.min.css’); wp_enqueue_style(‘understrap-styles’, get_stylesheet_directory_uri() . … Read more

Add core style in theme

wp_head() is absolutely required for WordPress themes. It is how your theme should be adding styles, and it’s how plugins can add their own scripts styles. Without it (and wp_footer(), which is also required) your theme will not function correctly. WordPress does not load many styles itself, but the styles it does add are for … Read more

node.js and webpack throws error when trying to setup node to watch theme folder for saved changes

It seems to be a syntax error. The options should be passed inside postcssOption according to the webpack documentation. Try replacing this line: use: [“css-loader?url=false”, { loader: “postcss-loader”, options: { plugins: postCSSPlugins } }] With this: use: [“css-loader?url=false”, { loader: “postcss-loader”, options: { postcssOptions : { plugins: postCSSPlugins} } }]

Error in node.js webpack-cli failed to load config, typeError: ManifestPlugin is not a constructor

The error you get is: [webpack-cli] TypeError: ManifestPlugin is not a constructor You are trying to load weback-manifest-plugin it like this: const ManifestPlugin = require(“webpack-manifest-plugin”) How it should be loaded Looking at the documentation for webpack-manifest-plugin, it should be loaded like this: const { WebpackManifestPlugin } = require(‘webpack-manifest-plugin’); So change that row, and then also … Read more

Hiding Label via CSS

remove the quotation marks so it looks like the following label[for=wwp_wholesaler_copy_billing_address] { display: none; } Try that and let me know if that works for you.

NGINX+wordpress: CSS being served but not applied

My nginx config did not include the mime.types defaults. That seems to be affecting the nginx “Content-Type” response header, leading to it being “text/plain” instead of “text/css” … … which is unfortunate because none of the wordpress templates specify the content type in the request, e.g: <link rel=”stylesheet” id=’wp-block-library-css’ href=”https://censored.net/wp-includes/css/dist/block-library/style.css?ver=5.8″ media=”all” /> Should probably look … Read more

wordpress – site not update after update style.css

This most likely is a caching issue on the server side. Check in your functions.php if the stylesheet is enqueued using the version number. Failing to do so is the most common reason WordPress caching plugins ignore updates to style.css. It should look a bit like this: $theme_data = wp_get_theme(); wp_enqueue_style(‘main-style’, get_template_directory_uri() . ‘/style.css’, ”, … Read more

Change Header Image on Blog Post for Mobile View

You’re not calling the class correctly. The container has both the page-banner and the bg classes, so you should write it like this: .page-banner.bg And the class post-id-41012 doesn’t exist in your document. postid-41012 does. So try this way: @media (max-width: 767px) { .postid-41012 .page-banner.bg { background-image: url(‘https://staging3.ryanlawn.com/wp-content/uploads/2021/09/ggob-blog-banner-all-star-2021-m.jpg’) !important; } }

+ More