Hi Ryan,

Thanks for giving us admin access.
It does not work because this code was not closed in Quick CSS (it affects advanced styling as well):

@media only screen and (max-width: 767px) {

Either the code should be removed (if the code below it is meant for desktop) or it just needs to be closed (if the code below it is meant for mobile).

Best regards,
Nikko

Hi BorjaP,

Yes, Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi dschneekloth,

I think the issue on that specific page is listed here: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#layout-builder-is-not-loading-properly (under this heading, Troubleshoot: Text Block element not loading)
I tried to login however we’ll need an administrator level of permission.
Please enable debug mode on your site: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode and you should see a bunch of shortcodes, copy all of it and make a backup then try to add those shortcodes by section so you can identify which section is causing the issue.

Best regards,
Nikko

Hi info224,

Thanks for providing the pages as well as the login to your site.
However, I could not find see any difference except for the top space of those green boxes, can you give us a screenshot on the issue showing on your end?

Best regards,
Nikko

Hi tammiviestinta,

Try adding some negative left margin to your code and it should help.
Or you can give us a link to the page mentioned so we can try to help with the CSS code.

Best regards,
Nikko

Hi paso70,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi famarinu,

We’re glad to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi John,

The reason it does not work is because this code (most likely in Quick CSS) is preventing it from working:

#footer #nav_menu-8, #footer #search-6 {
  margin-top: 0; 
}

If you remove this code then it should work as it should.

Best regards,
Nikko

Hi sitesme,

On you child theme, create a folder and name it js, inside it create a file called moving-letters.js and inside the file paste this code:

// Wrap every letter in a span
var textWrapper = document.querySelector('.ml3');
textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");

anime.timeline({loop: true})
  .add({
    targets: '.ml3 .letter',
    opacity: [0,1],
    easing: "easeInOutQuad",
    duration: 2250,
    delay: (el, i) => 150 * (i+1)
  }).add({
    targets: '.ml3',
    opacity: 0,
    duration: 1000,
    easing: "easeOutExpo",
    delay: 1000
  });

Then in functions.php of your child theme, add this code:

add_action( 'wp_enqueue_scripts', 'wp_animate_text', 100 );

function wp_animate_text() {
   wp_enqueue_script( 'anime-js', 'https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js', '', '2.0.2', true);
   wp_enqueue_script( 'moving-letters-js', get_stylesheet_directory_uri().'/js/moving-letters.js', array('anime-js'), '1.0.0', true);
}

If you use a Special Heading, you can just directly add the class ml3 via Advanced (tab) > Developer Settings > Custom CSS Class.
If you are using a Text Block then change it from Visual mode to Text mode then add it like this:
<p class="ml3">Click here to add your own text</p>
Hope this helps.

Best regards,
Nikko

• This reply was modified 3 years, 3 months ago by Nikko.

Hey Elena,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi John,

Yes, you can put it in Quick CSS.

Best regards,
Nikko

Hey sitesme,

Yes it’s possible however you would need to write some js and CSS code.
I have found something interesting that might help you with it: https://tobiasahlin.com/moving-letters/
Hope it helps.

Best regards,
Nikko

Hey advteksol,

Try to use this CSS code instead, just change the additional properties I’ve added.

#top .av-dark-form.round-submit .button {
    background-color: black;
    color: white;
}

Best regards,
Nikko

Hey nasi,

Yes, it’s possible, please add this CSS code in Enfold > General Styling > Quick CSS:

#top .woocommerce-MyAccount-navigation-link a:before {
    display: none;
}

Best regards,
Nikko

Hey navindesigns,

Thanks for giving us admin access.
I have added this code in your child theme’s functions.php file:

function move_post_meta(){
?>
<script>
(function() {
	var gridposts = document.querySelectorAll('.avia-content-slider .slide-entry');

	gridposts.forEach(function(el) {
		var header = el.querySelector('.entry-content-header');
		var postMeta = el.querySelector('.eventDateTime');
		header.insertBefore(postMeta, header.childNodes[0]);
	});
})();
</script>
<?php
}
add_action('wp_footer', 'move_post_meta');

Please review your site.

Best regards,
Nikko