You could try to increase specificity with something like html:root html:root { @media (min-width: 1020px) { –wp–preset–font-size–xxl: 3.25rem; /* etc */ } } Or you could get your styles to load after the global styles as an option as you mentioned if you want to leave it as just :root
It works without any problems for me. It looks like something (a plugin or theme) is using the same classes, which is overriding your CSS classes. Try wrapping your classes or update the classnames for testing. .xyz-sidebar { grid-area: sidebar; } .xyz-content { grid-area: content; } .xyz-header { grid-area: header; } .xyz-wrapper { display: grid; … Read more
the following code should help and I have added comments for explanation: .site-nav ul ul { z-index: 1000000; position: absolute; top: -9999999px; left: 0; /* Align with the left edge of the parent */ transform: none; /* Cancel the centering transform */ opacity: 0; background: #3498db; text-align: left; columns: auto; /* Remove multi-column layout */ … Read more
To center the main container, add: body.page-id-16 .hentry-wrapper { margin-left: auto; margin-right: auto; } However, this looks like it pushes the content to the right. This is because the parent element is a lot wider than the viewport. Thus we should limit this element to the viewport width to actually center the content. We can … Read more
I’d remove “position:absolute;” and add “display:flex;” to the parent. Then using justify-content:center; and align-items:center; should do the trick.
Check two things: in the wp-options table, the site URLs (in two places) should be the full URL, as in https://www.example.com . check the site’s htaccess file for proper rewrite of http to https. For a htaccess rule, this one works in most case: RewriteEngine On RewriteCond %{HTTPS} !=on RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] Then look … Read more
It would be of advantage if you post code to your problem. A concrete line of CSS with some context of the current Blocks in place? First, you have to check which CSS is responsible for the look. You wrote child-theme TwentyTwentyFour but Third-Party-Plugins? After that it is just a matter of specificity of the … Read more
It’s not clear if you’re trying to load these files on frontend or backend. For the backend I usually do this: define(‘MY_PLUGIN_DIR_URL’, plugin_dir_url(__FILE__)); //LOAD ADMIN/BACKEND CSS STYLES add_action(‘admin_enqueue_scripts’, ‘my_plugin_enqueue_style_and_scripts’, 99); function my_plugin_enqueue_style_and_scripts() { $timestamp = time(); wp_enqueue_style(‘my-plugin-backend’, MY_PLUGIN_DIR_URL.’/css/style.css’, false, $timestamp, ‘all’); wp_enqueue_script( ‘my-plugin-backend’, MY_PLUGIN_DIR_URL.’/js/script.js’, array( ‘signature’ ), $timestamp, true ); } You doesn’t need to … Read more
The block editor is a hideous abortion but it’s here to stay. Your only recourse if you don’t like the way it operates is to use a plugin that replaces it altogether. Attempting to manually edit the mess it generates will break things. Attempting to manually write HTML outside of an HTML block will break … Read more
Can nobody help here? Or is the question not understandable? I’ve already tried clamp and min/max, but can’t find a solution.