WordPress Bug: AutoChimp 2.0 with PageLines Platform 1.4.2 Theme

Dear Wanderer LLC, PageLines,

I found a conflict between AutoChimp 2.0 and a PageLines Platform 1.4.2 Theme.  See the screenshot below:

Image

So far, I have isolated the bug to the combination of this theme and plugin.  I disabled all other plugins and observed the layout break when I activated the AutoChimp theme.  Below is the expected layout:

Here is the CSS output of one of the affected elements, as rendered by Google Chrome developer tools.

css for tabnav-element without bug:


-webkit-border-horizontal-spacing: 2px;
-webkit-border-vertical-spacing: 2px;
border-bottom-color: #DDD;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
border-left-color: transparent;
border-left-style: solid;
border-left-width: 1px;
border-right-color: black;
border-top-color: white;
border-top-style: solid;
border-top-width: 1px;
color: black;
cursor: auto;
display: block;
font-family: helvetica, arial;
font-size: 12px;
font-weight: bold;
height: 16px;
line-height: 16px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-width: 0px;
outline-color: black;
outline-style: none;
outline-width: 0px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
position: static;
text-align: -webkit-auto;
text-decoration: none;
text-shadow: white 0px 1px 0px;
width: 153px;
Styles
:active :hover
:focus :visited
element.style {
}
Matched CSS Rules
admin.phpmedia="screen"
#tabsnav li a, #tabsnav li span.graphic {
font-weight: bold;
padding: 8px;
display: block;
text-decoration: none;
color: black;
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
border-left: 1px solid transparent;
}
admin.phpmedia="all"
a, #adminmenu a, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-items a.delete, .plugins a.delete, .ui-tabs-nav a {
color: #21759B;
}
admin.phpmedia="all"
a, #adminmenu a, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-items a.delete, .plugins a.delete, .ui-tabs-nav a {
color: #21759B;
}
admin.phpmedia="all"
a, input, select {
outline: 0;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
Inherited from li.ui-state-default.ui-corner-top
user agent stylesheetli {
text-align: -webkit-match-parent;
}
Inherited from ul#tabsnav.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all
admin.phpmedia="all"
ul {
list-style: none;
}
user agent stylesheetul, menu, dir {
list-style-type: disc;
}
Inherited from td
admin.phpmedia="screen"
#optionstable td {
font-family: helvetica, arial;
}
admin.phpmedia="all"
td, textarea {
line-height: inherit;
}
admin.phpmedia="all"
td, textarea, input, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
Inherited from table#optionstable
admin.phpmedia="screen"
#optionstable {
text-shadow: white 0 1px 0;
}
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
}
Inherited from div#wpbody
admin.phpmedia="all"
body, #wpbody, .form-table .pre, .ui-autocomplete li a {
color: #333;
}
Inherited from body.wp-admin.js.appearance_page_pagelines.admin-bar.branch-3-4.version-3-4-1.admin-color-fresh.locale-en-us.no-customize-support
admin.phpmedia="all"
body, #wpbody, .form-table .pre, .ui-autocomplete li a {
color: #333;
}
admin.phpmedia="all"
body {
font-family: sans-serif;
font-size: 12px;
line-height: 1.4em;
}

css for tabnav-element with bug


-webkit-border-horizontal-spacing: 2px;
-webkit-border-vertical-spacing: 2px;
background-attachment: scroll;
background-clip: border-box;
background-color: #F7F7F7;
background-image: none;
background-origin: padding-box;
border-bottom-color: #DDD;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
border-left-color: white;
border-left-style: solid;
border-left-width: 1px;
border-right-color: black;
border-right-style: none;
border-right-width: 0px;
border-top-color: white;
border-top-style: solid;
border-top-width: 1px;
color: black;
cursor: pointer;
display: block;
float: left;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
height: 16px;
line-height: 17px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-width: 0px;
outline-color: black;
outline-style: none;
outline-width: 0px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
position: static;
text-align: -webkit-auto;
text-decoration: none;
text-shadow: white 0px 1px 0px;
top: auto;
white-space: nowrap;
width: 131px;
Styles
:active :hover
:focus :visited
element.style {
}
Matched CSS Rules
admin.phpmedia="screen"
#tabsnav li a:hover {
background: #F7F7F7;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: none;
border-bottom: 1px solid #DDD;
}
admin.phpmedia="screen"
#tabsnav li a, #tabsnav li span.graphic {
font-weight: bold;
padding: 8px;
display: block;
text-decoration: none;
color: black;
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
border-left: 1px solid transparent;
}
admin.phpmedia="all"
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
admin.phpmedia="all"
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
admin.phpmedia="all"
.ui-state-hover a, .ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
admin.phpmedia="all"
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555;
text-decoration: none;
}
admin.phpmedia="all"
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555;
text-decoration: none;
}
admin.phpmedia="all"
#adminmenu a:hover, #adminmenu li.menu-top > a:focus, #adminmenu ul.wp-submenu a:hover, #the-comment-list .comment a:hover, #rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, .ui-tabs-nav a:hover, .plugins .inactive a:hover, #all-plugins-table .plugins .inactive a:hover, #search-plugins-table .plugins .inactive a:hover {
color: #D54E21;
}
admin.phpmedia="all"
.ui-state-hover a, .ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
admin.phpmedia="all"
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #555;
text-decoration: none;
}
admin.phpmedia="all"
.ui-widget-header a {
color: #222;
}
admin.phpmedia="all"
.ui-widget-content a {
color: #222;
}
admin.phpmedia="all"
a, #adminmenu a, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-items a.delete, .plugins a.delete, .ui-tabs-nav a {
color: #21759B;
}
admin.phpmedia="all"
a:hover, a:active, a:focus {
color: #D54E21;
}
admin.phpmedia="all"
a, #adminmenu a, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-items a.delete, .plugins a.delete, .ui-tabs-nav a {
color: #21759B;
}
admin.phpmedia="all"
a, input, select {
outline: 0;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
Inherited from li.ui-state-default.ui-corner-top.ui-state-hover
admin.phpmedia="all"
.ui-tabs .ui-tabs-nav li {
list-style: none;
white-space: nowrap;
}
admin.phpmedia="all"
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
font-weight: normal;
color: #212121;
}
admin.phpmedia="all"
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
font-weight: normal;
color: #212121;
}
admin.phpmedia="all"
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
font-weight: normal;
color: #555;
}
admin.phpmedia="all"
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
font-weight: normal;
color: #555;
}
admin.phpmedia="all"
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
font-weight: normal;
color: #212121;
}
admin.phpmedia="all"
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
font-weight: normal;
color: #555;
}
user agent stylesheetli {
text-align: -webkit-match-parent;
}
Inherited from ul#tabsnav.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all
admin.phpmedia="all"
.ui-widget-header {
color: #222;
font-weight: bold;
}
admin.phpmedia="all"
.ui-helper-reset {
line-height: 1.3;
font-size: 100%;
list-style: none;
}
admin.phpmedia="all"
ul {
list-style: none;
}
user agent stylesheetul, menu, dir {
list-style-type: disc;
}
Inherited from div#tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all
admin.phpmedia="all"
.ui-widget-content {
color: #222;
}
admin.phpmedia="all"
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
Inherited from td
admin.phpmedia="screen"
#optionstable td {
font-family: helvetica, arial;
}
admin.phpmedia="all"
td, textarea {
line-height: inherit;
}
admin.phpmedia="all"
td, textarea, input, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
Inherited from table#optionstable
admin.phpmedia="screen"
#optionstable {
text-shadow: white 0 1px 0;
}
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
}
Inherited from div#wpbody
admin.phpmedia="all"
body, #wpbody, .form-table .pre, .ui-autocomplete li a {
color: #333;
}
Inherited from body.wp-admin.js.appearance_page_pagelines.admin-bar.branch-3-4.version-3-4-1.admin-color-fresh.locale-en-us.no-customize-support
admin.phpmedia="all"
body, #wpbody, .form-table .pre, .ui-autocomplete li a {
color: #333;
}
admin.phpmedia="all"
body {
font-family: sans-serif;
font-size: 12px;
line-height: 1.4em;
}

If you want more information, I’d be happy to further replicate the bug for you.

I tried to notify each of you through your official websites; however, PageLines requires (paid) membership to use the official support forums.  As for Wanderer LLC, I received the error “this file type is not allowed” when trying to upload a zip file containing the screenshots and css files.

Finally, Wanderer LLC, Congratulations on the release (oops!) of AutoChimp 2.0!  I hope you get that hiccup resolved with WordPress.org.  I was one who was anxious to get integration with Cimy Extra User Fields earlier this year.  Glad you received the funding you needed, and got the project out the door.

Have a great day!
James