Changeset 53819

Timestamp:

08/03/2022 05:10:03 PM (2 years ago)

Author:

audrasjb

Message:

Twenty Eleven: Use more specific CSS selectors for .required styles.

This changeset adds more specific CSS selectors so third-parties fields are not targeted by the related CSS rules.

Props umesh84, sabernhardt, costdev.
Fixes #56297.

Location:

trunk/src/wp-content/themes/twentyeleven

Files:

• rtl.css (modified) (2 diffs)
• style.css (modified) (2 diffs)

trunk/src/wp-content/themes/twentyeleven/rtl.css

@@ -445 +445 @@
     box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
 }
-#respond .comment-form label .required {
+#respond .comment-form-author .required,
+#respond .comment-form-email .required,
+#respond .comment-form-url .required,
+#respond .comment-form-comment .required {
     float: left;
     margin-left: 0;
@@ -546 +549 @@
     }
     /* Use the available space in the smaller comment form */
-    #respond .comment-form-author .required,
-    #respond .comment-form-email .required {
-        left: auto;
-        right: 95%;
-    }
     #content .gallery-columns-3 .gallery-item {
         padding-right: 0;

trunk/src/wp-content/themes/twentyeleven/style.css

@@ -2241 +2241 @@
     font-weight: bold;
 }
-#respond .comment-form label .required {
+#respond .comment-form-author .required,
+#respond .comment-form-email .required,
+#respond .comment-form-url .required,
+#respond .comment-form-comment .required {
     float: right;
     margin-left: 4px;
@@ -2617 +2620 @@
         width: 95%;
     }
-    #respond .comment-form-author .required,
-    #respond .comment-form-email .required {
-        left: 95%;
-    }
     #content .gallery-columns-3 .gallery-item {
         width: 31%;