Fix rtPanel Child Theme For rtPanel-2.1

Hello Friends.

We have recently released the major version of rtPanel, with loads of changes in markup and use of 960 gs; to make rtPanel more user friendly and inline with current technology trends.

Fortunately WordPress 3.4 has also been released with rtPanel 2.1, hence we immediately did some fixes to ensure, themes will not break with WordPress 3.4 and launched a one more minor revision as rtPanel 2.1.1

Change is always difficult to adopt, and we do understand that many rtPanel users across the globe must be facing problems of broken child theme with recent updates.

However, as promised, we are here to offer free technical support to rtPanel developers on our support forums. For now, you can follow the below fix to fix the major issues.


Fixing Broken Theme:

To avoid the major CSS issues, you need to place the following code after “@import url (“../rtpanel/style.css”);” in your rtPanel child theme’s Style.css file:

/* rtPanel Upgrade Script Styles */
body { line-height: 150%; }
.post-title { float: none; }
#header { margin-top: 0; margin-bottom: 0; }
#rtp-primary-menu { background: none; }
#rtp-primary-menu, #rtp-nav-menu ul, #rtp-nav-menu ul li a { border: 0; }
#main-wrapper { margin: 0 auto; }
.post-content p { margin-bottom: 24px; }
p { line-height: inherit; margin: 0; }
.post-content, .widget, #respond form, select, input, textarea, button { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif }
h1, h2, h3, h4, h5, h6 { line-height:136.4%; font-family: inherit; }
#content { float: left; }
#sidebar { float: right; }
.widget { line-height: 153.9%; margin-top: 0; }
#footerbar { overflow: hidden; }
.widget .widgettitle { margin: 0; }
.rtp-single-post img, .rtp-singular img { max-width: 100%; }
.rtp-single-post .post-content a, .rtp-singular .post-content a { text-decoration: none; }
.post-content img.alignnone { margin: 10px 10px 10px 0; }
img { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
/* site specific */
.post-content img.alignleft { margin: 2px 13px 5px 0; }
If following classes have been used in your theme to target post images then you need to adjust the styling with the following classes
post-img-left => img.alignleft
post-img-right => img.alignright
post-img-none => img.alingnone
post-img-center => img.aligncenter
/* Remove Comments Count */
function rtp_remove_parent_hooks() {
remove_action( 'rtp_hook_end_post_title', 'rtp_default_comment_count');
add_action( 'init', 'rtp_remove_parent_hooks' );

Above code will fix major problems; you might still face some issue, if you have applied custom styles to your themes. Feel free to ask your questions on our support forum, we will be happy to assist you further.