Yes, that’s possible! For the default homepage, you can use this: body.home { background-color: #ff0000; } For a specific blog post, you can use this where 5 is its post ID: body.postid-5 { background-color: #00ff00; } And this is for a specific page and it’s the same where 5 is the page ID: body.page-id-5 { … Read more
You are calling jQuery wrong by the shorthand $. If you will look in your console you will see an error that $ is not a function / undeclared etc (this is due to jQuery’s conflict mode if I am not wrong). Your code should look something like this: <script type=”text/javascript”> jQuery(function($) { $( “a.toggle”).click(function() … Read more
Not a WordPress question, but add the following in your stylesheet: .featured-text h2, .featured-text h2 a { font-size: 24px !important; /* set font size */ } In the future, simply Inspect Element to find which class or tag to style.
There are a few ways to do this depending on your preferred approach and the current theme you are working in. The “WordPress Way” would be to enqueue the new style sheet in functions.php using wp_enqueue_style() https://codex.wordpress.org/Function_Reference/wp_enqueue_style You can remove the reference to the original stylesheet by deleting the reference to it in your existing … Read more
You can avoid all this redundancy if you analyze carefully and see where the error is originating. Chrome developer tools or Firefox is great to help you debugging. You are actually trying to style the link, but the link has a span inside of it, each with its own class. A quick and dirty solution … Read more
Your headings (h1, h2, etc) have the css property word-break: break-all; applied to them. Removing this property in Firebug provides the correct line breaks. You could override this in your child theme CSS.
The issue is due to addition of following line in your child theme. There should be some line height to show header properly. .entry-header .entry-title { font-size: 1.6000rem; /* was 1.42857rem; */ font-weight: normal; line-height: 0; /* changed from 1.2 */ }
Apparently FF/IE need an extra line of code to declare that a div only can take 100 % width of its parent. Sorry for answering this myself, kept searching and eventually found a working solution.
This is what causes the “shaking effect” : #main section:hover At line 77 in this file So whenever you hover the section, the width changes and you are not hovering the section anymore, and this goes on..
If a user is not logged in then admin_head probably won’t run. So let’s just check their capabilities. function my_custom_admin_head() { if ( ! current_user_can( ‘have-fun’ )) : ?><style> #welcome-panel{display: none !important;} #wp-content-editor-tools{display: none !important;} </style> <?php endif; // cant’ have-fun } add_action( ‘admin_head’, ‘my_custom_admin_head’ );