Custom Button Problem 🚫

[pradeep8 (Pradeep)]

मेरी एक Gk Quiz (Wordpress Sire) है। जिस पर मैं Quiz] बना Exam में Help करता हु। जिसमें Quiz वाले Post के लिए HTML Tag उपयोग कर Custom Button बनाया है।

---

[PROBLEM] - Wordpress 5.5 Update आने के बाद मेरी Custom Button क्लिक नहीं होती। ये प्रॉब्लम अधिकतर Site Visitors का होता है। ऐसा मेरे साथ यह मेरी Desktop पर काम करता है परन्तु Mobile पर नहीं ? पहले बीते सालों से ऐसा Button Problem नहीं आया।

---

[Button Code]-

<details style="color: red; margin-bottom: 8px;">
   <summary style="color: red;">
       <button style="border-radius: 12px;background-color: #0F97FF;">
            <span style="color: white;">SHOW ANSWER</span>
        </button>
    </summary>

    <div style="border: black 2px dotted; margin-top: 8px; padding: 0.8em; background: #e8fdff;">
        <span style="color: #008000;">
           <strong>[B]  Graphic Interchange Format</strong>
         </span>
     </div>
</details>

[Output ]-

SHOW ANSWER

[B] Graphic Interchange Format

---

[Note] : यहाँ आउटपुट में Button नहीं बन रहा है। (Please WP New Post पर Code Paste करें)

---

ये Button code को Wordpress पर HTML Section में Paste कर Quiz Post बनाता था। जो अब Desktop और Mobile में दिखाई देता है, परन्तु Click नहीं होता है.

मैंने देखा है की Button के Right side में Click करने पर ही Answer Show होता है।

---

[Question]-

क्या Wordpress 5.5 update के बाद ऐसे हुआ है?

मैंने Secure Copy Content Protection प्लगिन्स का भी उपयोग किया है।

साथ ही Wordpress 5.5 के Gutenberg text editor को Functions.php द्वारा Disable भी किया है। क्या इससे Button code में effect हुआ है।

@IamJdk सर, कृपया इस Problem का Solution बताये।

[IamJdk (Jumedeen Khan)]

आप <span> की जगह <button> html इस्तेमाल करो उसमे class add कर उसे css से डिजाईन करो work करेगा,

[pradeep8 (Pradeep)]

<SPAN>Tag हटाने पर भी Work नहीं कर रहा. Please सर, क्या आप इस Code design को बता सकते है। @IamJdk

[IamJdk (Jumedeen Khan)]

सिर्फ tag नहीं हटाना आपको उसे css से design करना है इस तरह से,

HTML

<button class="button extra-class">Button text</button>

CSS

.button,.extra-class {
background: red !important;
color: white !important;
padding: 10px 20px;
}

[pradeep8 (Pradeep)]

@IamJdk सर, मेरा यह Design Code काम ही नहीं कर रहा है। Design करने पर भी Button पर Click नहीं हो रहा। कृपया आपसे निवेदन है, क्या आप इस Code को Re-Create कर सकते है? (बिना JS फाइल)

Note: क्योकि, यह Single Code प्रत्येक Question के नीचे Right Answer के साथ Paste किया जाता है।

<details>
<summary><button>Click Answer</button></summary>
<div style="border: black 2px dotted; margin-top: 8px; padding: 0.8em; background: #e8fdff;"><strong>[B] Graphic Interchange Format</strong></div>    
</details>

Output:

Click Answer

[B] Graphic Interchange Format