// 1. Force Dashicons to load on the front-end registration & profile pages add_action('wp_enqueue_scripts', 'enqueue_front_end_dashicons'); function enqueue_front_end_dashicons() { wp_enqueue_style('dashicons'); } // 2. The working Modal + LiteSpeed interval injection script add_action('wp_footer', 'vfb_dashicons_modal_toggle_engine'); function vfb_dashicons_modal_toggle_engine() { echo << /* Keep your custom 20px typography preference settings running smoothly */ .visual-form-builder ul { list-style: none !important; margin: 0 14px !important; padding: 0 !important; font-size: 20px !important; } /* Structural adjustments supporting fluid elements within a modal popover container */ li.vfb-item-password { display: block !important; position: relative !important; clear: both !important; } /* Unique envelope targeting the specific VFB configuration pattern layout */ .vfb-pwd-wrapper { position: relative !important; display: block !important; width: 71% !important; box-sizing: border-box !important; margin: 8px 0 !important; position: relative !important; } /* Enforce boundary clearance so character string characters do not slide underneath toggle icons */ .vfb-pwd-wrapper input[type="password"], .vfb-pwd-wrapper input[type="text"] { width: 50% !important; padding-right: 45px !important; box-sizing: border-box !important; } /* High z-index anchor positioning layer overriding modal frame templates */ .vfb-pwd-btn { position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer !important; z-index: 999999 !important; background: transparent !important; border: none !important; padding: 0 !important; line-height: 1 !important; outline: none !important; } /* Style and size the WordPress native Dashicon nicely */ .vfb-pwd-btn .dashicons { font-size: 24px !important; /* Perfect size for clean crisp visibility */ width: 24px !important; height: 24px !important; color: #666 !important; /* Neutral dark grey tint matching typical form styles */ } .vfb-pwd-btn:hover .dashicons { color: #007cba !important; /* WordPress default interactive blue tint hover effect */ } HTML; }