Hi,
While working with you on your other thread I was also working on this one, so to add a custom ID to the blog element in the 1/4 column on your homepage I enabled the developer ID field on your elements at Enfold Theme Options > Layout Builder > Builder Options For Developers > ID attribute input field

then in the blog element on your homepage I added the ID “sidebar_blog” so it could be targeted without effecting other elements elsewhere:

now if you add this code to the end of your functions.php file in Appearance > Editor the heading will be changed:

function custom_sidebar_blog_script(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('#sidebar_blog .post-title.entry-title ', '<h4></h4>');
  });
}(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'custom_sidebar_blog_script');

Please note that the heading is H4 in the script but you can change it to whatever you want, I choose H4 because you had manually changed the php file to H5 and I wanted it to show a difference.

Now going forward any blog element that you add the ID “sidebar_blog” to will be changed.

Best regards,
Mike

Hi,
Actually your issue seems to be your Total Cache minify setting, when it is on you get the gagTracker is not defined error and your homepage slider doesn’t show.

But when the minify is off you get the jQuery is not defined error because your Enfold Theme Options > Performance > Load jQuery into your footer setting is on:

So first you need to have the “Load jQuery into your footer” off and you need to disable your Total Cache minify.

Best regards,
Mike

Hi,
Your javascript error has returned, please check.
When I last check the error was resolved and the h3 tag had been changed to a span, as in my screenshot.

Best regards,
Mike

Hi,
Glad we could help, I used the shortcode from the test page to repair your homepage and then deleted the test page and disabled the debugger. Then reviewing your original css question I checked your Quick CSS and found a missing bracket and corrected, along with replacing your “font-color” with the correct “color” in the css.

Please check the home page and the css solutions that were addressed earlier and let us know if there is anything else we can assist with.

Best regards,
Mike

Hi,
Today I’m able to see all three language pages, you must have made a change to the settings?

Best regards,
Mike

Hi,
Today you are getting a couple of javascript errors for your gtag script in your cache/minify plugin,
so there is either an error in the gtag script or multiple minifying broke it, or a quote was changed into a curly quote from the code I posted above when you pasted it into your functions.php
Please include an admin login in the Private Content area so we can examine.

Best regards,
Mike

Hi,
Thank you for the feedback, Please include an admin login in the Private Content area and I will ask the team for someone with more WPML experience to take a look.
I assume it may help to also include the url of the strings that are not translating so they can check and test quickly, such as your example above, is it in the shopping cart or on the check out page?
Thank you for your patience.

Best regards,
Mike

Hi,
Thanks for the link, so you would like this menu to show on every page but only for mobile?
When you tried the function above how was it “broken”?
Please include an admin login in the Private Content area so we can test the function and shortcode.

Best regards,
Mike

Hey megamazl,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_consent_tag_script(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('#av-consent-extra-info h3.av-special-heading-tag', '<span></span>');
  });
}(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'custom_consent_tag_script');

and add this code in the General Styling > Quick CSS field:

#av-consent-extra-info span.av-special-heading-tag {
	font-size: 20px;
	font-weight: 300;
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
On this post It looks like the WPML team got this error on their page:

This element was disabled in your theme settings. You can activate it here: Performance Settings

To correct they need to go to Enfold Theme Options > Performance > Disabling of template builder elements and choose “always load all elements”

I hope that helps them to recreate your issue to solve, I’m not a WPML expert. Is the “From” the only word not translating?

I may be able to fix that with a script, or I can ask for help from someone on our team with more WPML experience.

Best regards,
Mike

Hi,
I see on the page in the Private Content area you have an image element inside of a color section element, this typically will have margin or padding and not stretch full width, please try removing the image element and use the image as a background for the color section.
But I am not able to view this page on the frontend, I am always directed to /en/ even when I click the Italian language flag and so for mobile, I only see the screenshot I posted above and not the same as the backend?

Best regards,
Mike

Hi,
Were you able to update? Shall we close this then?

Best regards,
Mike

Hey Alexander,
You can do this with css in your Quick CSS like this:

label[for="avia_1_1"]:before {
  content: "\e864";
  font-family: entypo-fontello;
  color: #3ec607;
  font-size: 18px;
  padding-right: 6px;
}

the only trick is that you will have to examine the form html to determine the code for each label, and you should preced the css with the page ID so the icon doesn’t show on every contact form on your site.

If you need further help with this please link to the form on your site so we can be of more assistance.

Best regards,
Mike

Hey Jak73,
Thanks for the link, the best approach would be to add a custom ID to the color section in the developer tab, perhaps like “bottom-section” and then use this css:

#bottom-section .entry-content-wrapper div li {
    color: #fff !important; 
}

otherwise, you can use this css right now:

#av_section_1.avia-builder-el-6 .entry-content-wrapper div li {
color: #fff !important;
}

Best regards,
Mike

Hey Carsten,
Thanks for the link, these two plugins are using the same classes and css, I would guess that one plugin took the code from the other.
Anyways, there seems to be an issue with their css, I recommend contacting the plugin author for updated css to correct this, as we don’t support 3rd party plugins.

Best regards,
Mike