Found this little trick , and it is working well. Just sharing if someone wants to use it too.

Credit goes to:
https://medium.com/hackernoon/removing-that-ugly-focus-ring-and-keeping-it-too-6c8727fefcd2

Put a file named “my_custom_scripts.js” in child theme js folder.
See https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/

Contents:

(function($)
{
    "use strict";

// function to see if the user is using tab navigation instead of mouse function 
handleFirstTab(e) {
    if (e.keyCode === 9) { // the "I am a keyboard user" key
        document.body.classList.add('user-is-tabbing');
        window.removeEventListener('keydown', handleFirstTab);
    }
}
window.addEventListener('keydown', handleFirstTab);

// Add more functions here

}(jQuery));

Now you can hide the dotted outline and/or background for everyone except the users that have hit the “I am a keyboard user” key (tab).

CSS example:

/* Accessibility focus with lightblue background and dotted outline */
.user-is-tabbing a:focus,
.user-is-tabbing button:focus,
.user-is-tabbing input:focus,
.user-is-tabbing select:focus,
.user-is-tabbing textarea:focus {
  background-color: lightcyan !important;
  outline: dotted !important;
}

/* hide the lightblue background for everyone except tab navigation users */
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
/*  background-color: transparent; */ /* optional */
/*  outline: none; */ /* optional */
}

• This topic was modified 5 years, 8 months ago by rob2701. Reason: fixed small typo (missing enter)

I’ve been using Enfold for some time now. I just got a new copy for another client to spruce up the look of their website I have put the theme on a subdomain and the main site. the tinyMCE buttons are not showing on the main site but are visible on the Archive site. they are also visible on the the original site I created using Enfold. I can’t figure out what is different and why they are not showing up.

What do I need to do or install to make them show up?

I’m using the most current version of Enfold 4.7.5 and Enfold child theme. WP is 5.4.2 I have the classic editor installed

Buko

• This topic was modified 5 years, 8 months ago by byBuko.

Hi,

I have a custom JS module and need to call a custom function by pressing Enfold button. So on click I need to call Module.customFunction(‘foo’);

How can I handle it?

Thanks,
Regards, Vital

I’m using the button row shortcode which is perfect:

But how can I change the icon? There is an icon=’4′, icon=’5′ and icon=’6′ in the shortcode. But I want LinkedIn, Facebook and Instagram. How do I know the number of those icons? Where can I find it?

Thanks a lot!

PS. I want the social media icons in an iconbox, that’s why I need to use the shortcode. When I use icon shortcode in text block, I can’t center 3 icons next to eachother. Whit the button row I can!

If there is another way, let me know. Thanks!

Hi,

I liked to place (automatically) a call to action button under every blogpost (or only under posts of a specific category …). Is there a way to do this with enfold? Or is there any plugin which can do this?

e.g. like in this blog
https://www.trafficdesign.de/knowhow/social-media/facebook-kampagnenplanung-struktur
There is a cta at the end of the blogpost – and after the author box. It says “Brauchen Sie Unterstützung bei diesem Thema?”

I am looking for a solution which enables me to change the cta at one place for all my blogposts.

Thanks in advance!!!!

Chris

Hallo,
wir verwenden Enfold (4.7.5) in Kombination mit “Woocommerce” und “WooCommerce Dynamic Pricing & Discounts”.
In der Topnavigation haben wir einen LogIn Button.
Ist ein User angemeldet, wird dort der eingeloggte User angezeigt. Der LogIn Button nicht mehr.
Jeder User hat spezielle Preise welche mit Dynamic Pricing zugeordnet werden und diese werden auch auf der Produktseite angezeigt.
So weit so gut. So sollte es ja auch sein.

Jetzt haben wir aber das Problem dass der eingeloggte User nicht auf allen Produktseiten als eingeloggt dargestellt wird.
D.h. in der Navigation oben steht “LogIn” und auf den Produktseiten wird der Listenpreis und nicht der Userpreis angezeigt.
Klickt man auf einer Seite wo der User nicht angezeigt wird auf LogIn, erscheint die normale Woocommerce Benutzer Konto Seite mit seinen Kundendaten und Bestellungen.
Wechselt man wieder auf eine andere Produktseite wird alles normal angezeigt.

Legt der User auf einer Seite wo seine Preise nicht angezeigt werden ein Produkt in den Warenkorb, wird es dort dann mit dem richtigen Userpreis angezeigt.
Auf der Produktseite aber mit den Listenpreis.
Das verwirrt natürlich die Benutzer.

Habe mich schon an Dynamic Pricing gewand, die meinen aber dass das ein Problem des Themes ist da ja auch in der Navigation der tatsächlich eingeloggte User nicht angezeigt wird.

Hoffe ihr könnt mir da weiterhelfen.

• This topic was modified 5 years, 8 months ago by mtesch.

Hi.
I just had a problem I could solve myself, just want to share it with you.
I wanted to change the style of the menue element button in “adnvanced styles” but the background- and boder colors did not show in the frontend. I found the corresponding code in themes/enfold/includes/admin/register-backend-advanced-styles.php, lines 340ff and changed them to this:

            'color' => "color: %color%;",
            'background_color' => "background-color: %background_color%;",
            'border_color' => "border-color: %border_color%;",
            'border_radius' => "border-radius: %border_radius%;",

This works for me.