css

css hide all the comment reply links except the lowest nested comments

I believe the easiest way to do that will be with javascript. Something that will navigate at each comment list and show only last button. Something like: jQuery(document).ready( function($){ //Hide all buttons $(‘.comments li .reply-button’).hide(0); //Navigate through all comments $(‘.comments li’).each( function() { //Lets check if there is children comments in this one if (! … Read more

show/hide div with simple jQuery script [closed]

Most likely, the cause of your problem is that jQuery is in compatibility mode. This means that you can’t use the ‘$’ shortcode. To get your Javascript code to work, replace all ‘$’ with ‘jQuery’ Or, wrap your code in an anonymous function, like this: jQuery(document).ready(function( $ ) { // Put your jQuery code here. … Read more

WordPress Multiple Navigation bars

Most WordPress themes take advantage of a function called body_class() which outputs specific classes to the body tag. Implementation looks something like this: <body <?php body_class(); ?>> This will put a unique class on the homepage of your website that won’t be on any of the other pages so you could target that specifically in … Read more

How to get javascript slider to work! [closed]

You need to change the enqueueing part to this: function skinsave_2016_slider() { wp_enqueue_script( ‘skinsave_2016-slider-js’, get_bloginfo( ‘template_url’ ) . ‘/js/slider-js.js’, array(), null, true); } add_action(‘wp_enqueue_scripts’, ‘skinsave_2016_slider’); The problem was your function content_url() returns http://yourdomain.com/wp-content, and not the URL of the template. get_bloginfo( ‘template_url’ ) does return http://yourdomain.com/wp-content/themes/yourthemeslug. The second version you tried you wrote bloginfo(‘skinsave_2016’);, where … Read more

Responsive Images Warping

It’s pretty difficult to know what your CSS properties are doing without seeing the related HTML. I would use the max-width property instead of width img{ max-width: 100%; }. UPDATE: I just noticed you provided a link. The height property is a problem: .custom-hb-box img { display: block; height: 100%; opacity: 1; transition: opacity 0.2s … Read more

+ More