Sidebar widgets – dynamic CSS : problem with widget-title

Not a good solution… but is a solution: using jquery. register_sidebar( array ( ‘name’ => ‘Left Widget Area’, ‘id’ => ‘primary_widget_area’, ‘before_widget’ => ‘<li id=”%1$s” class=”widget %2$s”><div class=”widget-title”></div><div class=”widget-content”>’, ‘after_widget’ => ‘</div></li><!– .widget –>’, ‘before_title’ => ‘<span class=”invisible-title” data-widget=”%1$s” style=”display:none;”>’, ‘after_title’ => ‘</span>’, ) ); and the JS jQuery().ready(function($) { $(‘.invisible-title’).each(function() { var title = … Read more

Two stylesheets acting on one element

When in doubt, !important it out! In the child, change it to max-width:769px !important;. That will force the page to be rendered with that style. I have a feeling the parent theme is using @import to get custom.css (although I cant verify that). That could be screwing with things.

insert an html tag using php plugin

You shouldn’t edit the WP Core because it will break at the next update. I believe the easiest way is to use jQuery. Use a filter to add the jQuery code to the page. function cystom_jquery_code() { echo ‘<script> jQuery(“body”).after(“div class=”myClass”></div>”); jQuery(“#wpwrap”).before(“<div class=”beforeClass”></div>”); </script>’; } add_action(‘admin_head’, ‘cystom_jquery_code’);

Stylesheet overriding in Child theme

Generally speaking, you want to load your general stylesheet (style.css) first and follow it with your more specific stylesheet(s) (style-premium.css). However, the actual details of how CSS cascades are more complex than that and your specific stylesheet can still be overridden by the general stylesheet: if the !important declaration is used based on the specificity … Read more