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

Advertisements

4 comments on “WordPress Bug: AutoChimp 2.0 with PageLines Platform 1.4.2 Theme

  1. Simon says:

    Hi, just thought i’d pop in and represent PageLines and explain the problem here for you.
    Firstly Id suggest trying out the pagelines theme on wordpress.org, its based on the 2.x branch of PageLines Framework and is way better than the Platform version. Also the link to signup free is included in the dashboard 😉

    Ok to the problem, a quick look at the plugin reveals this gem: http://screencast.com/t/b72k2Y0faIdI
    This loads all the js scripts for this plugin on EVERY WordPress admin page…
    The plugin author should take a few mins to read the docs and only load its stuff where needed.
    http://codex.wordpress.org/Function_Reference/wp_enqueue_script#Load_scripts_only_on_plugin_pages

    • Simon,

      That’s great. Thank you for getting to the bottom of it. I have notified Wanderer LLC, the developer of AutoChimp; I’m sure he’ll fix it soon. His product is quality.

      Yes, today I discovered the Pagelines theme. Unfortunately, we have invested a great deal of customization to the Platform theme, so we will likely need to stick with it for the current phase of development.

      Grateful,
      James

      • Theron Welch says:

        On Sat, Aug 11, 2012 at 11:51 PM, Theron Welch wrote:

        Awesome catch, Jim! I tried leaving a comment on your page, but it’s asking me to create a WordPress.com, so I’ll just write back here.

        I’ve fixed the problem and will try to release a new version in the next couple of days.

        Also, thanks for catching the contact form problem. I’m guessing that an upgrade of Contact Form 7 changed allowable file types to not include .zip. I had to declare that manually. Works now!

        Theron

      • Theron,

        Sorry you had troubles commenting. While it is true that you must leave your name and email address, you don’t need to create a WordPress.com account to comment on this blog. You are invited to do so, but it is not required. Only name and email address are required to comment here. I checked the settings, and tested it this morning.

        Have a great day!
        James

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s