SjorsHijgenaar

If the menu loses focus and you collapse the menu afterwards the white background div stays fixed, while the menu items do disappear.

https://srcthor.nl

Appears to fix the problem.

However, now when I try to close the menu the menu items disappear, but the white #site-navigation remains.

Same problem here

CC2,

If fixed it using a plugin. Create a new folder in your plugins folder and add the following PHP code in the main plugin file:

<?php
/*
Plugin Name: Skill knob colors
Description: This plugin loads the script that
Version:     0.1
Author:      Sjors Hijgenaar
*/
function add_scripts(){
    wp_enqueue_script('skill-circle-script', plugin_dir_url(__FILE__) . 'js/skill-circles.js', array('jquery'));
}
add_action('wp_enqueue_scripts','add_scripts');

In a sub directory called “js” create a file called “skill-circles.js” with the following code:

jQuery(document).ready(function(){
   jQuery(".skill1").knob({

        'max':100,

        'width': 64,

        'readOnly':true,

        'inputColor':' #FFFFFF ',

        'bgColor':' #222222 ',

        'fgColor':' #e96656 '

    });

    jQuery(".skill2").knob({

        'max':100,

        'width': 64,

        'readOnly':true,

        'inputColor':' #FFFFFF ',

        'bgColor':' #222222 ',

        'fgColor':' #ffd923 '

    });

    jQuery(".skill3").knob({

        'max': 100,

        'width': 64,

        'readOnly': true,

        'inputColor':' #FFFFFF ',

        'bgColor':' #222222 ',

        'fgColor':' #e96656 '

    });

    jQuery(".skill4").knob({

        'max': 100,

        'width': 64,

        'readOnly': true,

        'inputColor':' #FFFFFF ',

        'bgColor':' #222222 ',

        'fgColor':' #ffd923 '

    });
});

Here you can change the fgColor properties to anything you want and it should change on your website, whilst retaining updateability

@mjsweetland you have to be a bit more specific than that. What did you change exactly?

@hardeep Asrani how do you do this in Zerif Lite?

@hardeep Asrani you suggest a hard-coded change of the core .js file, which means that every time Zerif is updated, the changes are lost. Is there a way (JS, CSS, PHP, etc.) to change the fgColor externally, e.g. through a child theme or plugin file?

It doesn’t work for that plugin neither. For none of the import plugins for that matter, I checked most.

Same problem here

Same problem here

Simple solution, yet working perfectly! Thank you gouravwptech

Hi Superte83,

Thank you for your reply. Couuld you indicate where you put that code?

I added some code to /assets/includes/templates/facebook-events-templates.php:

<?php add_action('wp_head', get_header()); ?>
<div class="clear">
</div>
</header>
<!-- / END HOME SECTION -->
<div id="content" class="site-content">
	<div class="container">
		<div class="content-left-wrap col-md-9">
<!-- PUT THE ORIGINAL CONTENT HERE -->
                </div>
		<div class="sidebar-wrap col-md-3 content-left-wrap">
			<?php get_sidebar(); ?>
		</div>
	</div>
	<?php add_action('wp_footer()',get_footer()); ?>
</div>

This code makes the template exactly the same as most of my other pages. I also changed the grid container from fbecol-1-3 to fbecol-1-1 to have one event on one line, but that’s just personal preference.

Is there anyone that can tell me how often this plugin offers an update? Seeing I would lose this code if I were to update.

Hi Marius,

Thank you for your reply.

I probably figured out what was going wrong. The translation wasn’t working in the child theme (so I turned it back to normal Zerif Lite) due to the permissions and ownership of the created directories and files. With some chgrp, chown and chmod that can be fixed and probably the translation will work as well.

Adding a new event fixes my problem, lying in the nature of the plugin: showing only upcoming events.