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
This checks the number of characters and hide the button server-side in content.php: <?php $excerpt = get_the_excerpt(); $excerpt_length = strlen($excerpt); $excerpt_limit = 100; // Match the limit set in functions.php // only for debugging: var_dump($excerpt); var_dump($excerpt_length); ?> <div class=”news-main”> <?php the_excerpt(); ?> </div> <?php if ($excerpt_length >= $excerpt_limit) : ?> <div class=”news-read”> <a href=”<?php echo … 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
Walkers don’t have associated stylesheets. That’s not how they work. You need to load them separately by enqueuing the stylesheet in the wp_enqueue_scripts hook, as you’ve done in load_css(). The walker class gets used by setting the walker argument of wp_nav_menu() to an instance of the class when you’re rendering the menu in a template. … Read more
wp_register_nav_menu() doesn’t seem to be a WordPress function. register_nav_menu() will register the nav menu’s name and description. That’s all that it does. If you want to control how the menu is displayed on the front end, you might be looking for wp_nav_menu(). It will allow you to define a lot of arguments to the menu, … 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
You generally shouldn’t edit your theme’s CSS files if the theme isn’t one you authored yourself. The reason is that these changes would be lost if you ever updated the theme. The two recommended ways of adding CSS of your own are: Go to Appearance > Customize > Additional CSS and add your CSS here. … Read more