switching word

[extralarge]

Is it possible to have spaces in the switching word shortcode?
Now the space disappear on the page
[switching_word size=”h2″ word1=”een logo” word2=”een consequente huisstijl” word3=”een responsive_website” word4=”de belettering van uw wagenpark” word5=”het vinden van uw website op internet”]

[SeaTheme]

Hi,

What’s spacing? character spacing?
Better leave the page URL, thanks!

[extralarge]

Exactly. No space between the words if I fill in more than one word.
See the next page.
http://xlwp.extralarge.nl/about/

[SeaTheme]

Please find the file:plugins/bm-shortcodes/js/bm-shortcode.js
update the singleLetters function( https://drive.google.com/open?id=1uG9S_xNkyT2CWMM5pX_qgYwYXTO8FyT2 ) as:

function singleLetters($words) {
			$words.each(function(){
				var word = $(this),
					letters = word.text().split(''),
					selected = word.hasClass('is-visible'),
					i = '';
					var stringArray = new Array();
				for (i in letters) {
					if(word.parents('.rotate-2').length > 0) letters[i] = '<em>' + letters[i] + '</em>';
					letters[i] = (selected) ? '<i class="in">' + letters[i] + '</i>': '<i>' + letters[i] + '</i>';

					stringArray.push(letters[i]);
					if(i != letters.length-1){
						stringArray.push(" ");
					}
				}
				word.html(stringArray).css('opacity', 1); 
			});
		}

Maybe there are more space between the letter, please paste the custom css code to “Appearance > Customize : Additional CSS”
.cd-headline.rotate-2 em { letter-spacing: -6px; }

[extralarge]

I changed the code
But now the words are not visible

After that I added the additional CSS but also no words are visible now…..

http://xlwp.extralarge.nl/about/

If it is a big hassle, maybe leave it and I will only use one word instead……

[SeaTheme]

Please check the quote symbol: http://xlwp.extralarge.nl/wp-content/plugins/bm-shortcodes/js/bm-shortcode.js

[SeaTheme]

This reply has been marked as private.

[Author]

Posts