Not able to edit in Pro

Support
#1

I have just taken control of a website for a client and have a couple of issues.

The site was using x-pro so I have followed the procedure to change to pro and all seems to be generally ok. However, editing in pro was previously ok but now I get the “A conflict on the front end of your site has prevented the preview from loading.” message.

Is there anything that will have happened in the transition from x-pro to pro that would have caused this.

On a related note, will custom css used on the site when the x-pro theme was running be fully compatible with pro. There is a far amount of css and I wonder if some of it is now redundant - I am more than happy to post the css if anyone is happy to have a look at it and advise me.

#2

Hello There,

Thanks for writing in!

1.) Are you using the latest version of Pro? You need to use the latest version which is Pro 1.2.3.

2.) Is there anything that will have happened in the transition from x-pro to pro that would have caused this.

  • There should be no error at all. Editing should have work unless otherwise there are JS error or plugin conflicts going on at the moment. Would you mind providing us the url of you site and access to it so that we can take a closer look?

3.) Any css added in X, X Pro or Pro will work out without issues as long as it targets the correct element classes. We will be happy to check those custom css if you could share it to us.

Best Regards.

#3

Hi,

Thanks for the reply.

  1. I have updated to the latest version (I was using latest available version when I sent the message but obviously there has been an update since).

I don’t have Cornerstone installed as it is my understadning that it was now incorporated into the theme. There was a version of cornerstone installed previously but that was causing an error so I removed it.

  1. The site’s url is www.yorkshirewildlifepark.com

  2. The custom css is:

h1, .h1 {
font-size: 50px !important;
margin-top:5px !important;
margin-bottom:5px !important;
color:#3f0f10 !important;

}

h2, .h2 {
font-size: 40px !important;
margin-top:5px !important;
margin-bottom:5px !important;
color:#3f0f10 !important;
}

h3, .h3 {
font-size: 30px !important;
margin-top:5px !important;
margin-bottom:5px !important;
color:#3f0f10 !important;
}

h4, .h4 {
font-size: 18px !important;
margin-top:5px !important;
margin-bottom:5px !important;
color:#3f0f10 !important;
}

p {
font-size: 12pt;
}

body {
line-height: 25px;
}

@media (max-width:480px){
h1,.h1{
font-size:35px !important;
}
h2,.h2{
font-size:30px !important;
}
h3,.h3{
font-size:25px !important;
}
h4,.h4{
font-size:15px !important;
}
}

/top menu***************************************/

.top-menu {
float:left;
}

.top-menu ul {
margin:0;
}

.top-menu li {
display:inline-block;
}
.top-menu li a {
padding:0 20px 0 50px;
line-height:46px;
}

/content wrap******************************************************/

.entry-wrap {
padding: 0px;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px;
}
.home .entry-wrap .entry-content > #x-content-band-1 {
padding-top: 0px;
}

/navbar colour and border colour*****************************************/
.x-navbar {
background: url(“http://0f4.901.myftpupload.com/wp-content/uploads/2017/01/navbar-texture-2.jpg”) top left repeat;
background-color: #46683d;
content: “”;
border-bottom-color: #fbbe53 !important;
border-bottom: none !important;
box-shadow: 30px;
}

/* On Hover */
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: inset 0 4px 0 0 #fff !important;
}

/*mobile navbar ******************************************/

.x-btn-navbar.collapsed { background-color: #fffff; }

.x-btn-navbar.collapsed:hover { background-color: #fffff; }

.x-btn-navbar.collapsed:hover {
color:white!important;
}

/* Hamburger lines color *****************************************/
.x-btn-navbar, .x-btn-navbar.collapsed i{
color:#fffff!important;
}

/*mobile navbar ******************************************/

.x-navbar .mobile .x-nav li > a {
border: 1px solid #fffff;
border-left: 0;
border-right: 0;
}

@media(max-width: 979px){
.x-topbar {
border: none;
}

.top-menu {
float: none;
}
}

.x-btn-navbar {
background-color: transparent !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}

.top-menu li a:hover, .x-topbar .x-social-global i:hover {
color: #152800 !important;
}
.top-menu li a, .x-topbar .x-social-global i {
color: #fff !important;
}

.x-topbar {
background-color: #5c7f53;
border-bottom: #fff !important ;
}

/*slider no border ******************************************/

.x-slider-container.below {
border: none !important
}

hr {
border-top: 1px solid #402900;
}

/*Buttons ******************************************/

a.x-btn {
text-shadow: none !important;
}

.x-btn, .button, [type=“submit”] {
text-shadow: none !important;
}

/*blog ******************************************/

.blog .site {
background-color: #fff;
}

div#top.site {
background: #FFF;
}

.entry-title {
font-size: 250%;
line-height: 1.05;
padding-top: 10px;
}

/*quote ******************************************/

.x-blockquote {
font-size: 18px;
}

.x-blockquote .x-cite {
font-size: 16px;
}

/*Video container ******************************************/

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.x-pagination a {
box-shadow: none;

}

/remove link border on firefox*******************************/

a:focus, select:focus, input[type=“file”]:focus, input[type=“radio”]:focus, input[type=“submit”]:focus, input[type=“checkbox”]:focus {
outline: none !important;
}

/*footer ******************************************/

.x-colophon.bottom {
padding: 0px 0;
}

.x-colophon.top {
background: url(“http://yorkshirewildlifepark.com/wp-content/uploads/2017/01/navbar-texture-2.jpg”) top left repeat;
background: #46683D;
padding: 2% 0 2.25%;
margin-top: 50px;
}

.x-colophon.top{background:url(‘http://yorkshirewildlifepark.com/wp-content/uploads/2017/01/navbar-texture-2.jpg’)top left repeat;}

.x-colophon.top p {
color: #ffffff !important ;
}

.x-colophon.top a {
color: #ffffff !important ;
}

.x-colophon.top h2 {
color: #ffffff !important;
}

.widget {
text-shadow: none;
}

@media (max-width: 979px){
.x-colophon.top p {
text-align: center;
}

.x-colophon.top, .x-colophon.top h4, .h4 {
text-align: center;
}
}

.x-colophon {
border-top: none;
}

.x-subscribe-form input[type=“submit”] {
color: #fff;
}

.textwidget .x-section {
padding-top: 0 !important;
}

.sep {
margin-bottom: 0px;
}

.x-btn-navbar {
margin-top:-10%
}

.top-menu li {
margin-right: 14px;
}

.x-navbar .desktop .sub-menu a {
color: #514129 !important;
}

.sub-menu li a:link {
color: #514129 !important;
}

@media (max-width: 979px) {
.sub-menu li a:link {
color: #fff !important;
}
}

/Breadcrumbs*******************************/

.x-breadcrumb-wrap {
background-color:#fff;
}

.x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
color: #514129 !important;
}

.x-breadcrumbs > .current {
color: #514129;
}

.x-navbar .buy-tickets {
float: right;
margin-top: 35px !important;
margin-right: 15px !important;
}

@media(min-width: 980px){
.x-navbar .buy-tickets {
display: none;
}
}

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
border-top: 0;
border-bottom: 0;
background-color: #3f0f10 ;
height: 1px;
}

.h-custom-headline.custom-headline.accent span:before, .h-custom-headline.custom-headline.accent span:after {
border-top: 0;
border-bottom: 0;
background-color: #fff ;
height: 1px;
}

.h-custom-headline.custom-headline.accent span {
color: #fff;
}

.fact-image {
margin-bottom: 5px !important;
}

.latin-name {
margin: -15px !important;
}

.x-accordion-heading {
text-align: center;
}

.x-accordion-heading .x-accordion-toggle:before{
content: “\f101”;
-webkit-transform: none;
-ms-transform: none;
-transform: none;
}

.x-accordion.location a.x-accordion-toggle:before {
content:"\f0ac";
color: #8c9038;
font-size: 20px;
bottom: -0.1em;
}

.x-accordion.conservation a.x-accordion-toggle:before {
content:"\f1fe";
color: #8c9038;
font-size: 20px;
bottom: -0.1em;
}

.x-accordion.diet a.x-accordion-toggle:before {
content:"\f0f5";
color: #8c9038;
font-size: 20px;
bottom: -0.1em;
}

.x-accordion.threat a.x-accordion-toggle:before {
content:"\f071";
color: #8c9038;
font-size: 20px;
bottom: -0.1em;
}

.flex-direction-nav a
{
background-color: #000000 !important;
border-radius: 0px !important;
}

.margin-bottom {
margin-bottom:0px !important;
}

.margin-top {
margin-top:15px !important;
}

.x-colophon.bottom .x-colophon-content {
margin: 0px 0 10px;
}

.x-colophon {
border-top: none !important;
background-color: rgb(92, 127, 83);
}

.x-colophon.bottom {
color: #ffffff;
}

.x-colophon.bottom .x-nav li a {
color: #ffffff;
}

.x-colophon+.x-colophon {
box-shadow: none !important;
}

.column-bottom-margin {
margin-bottom:20px;
}

Thanks for your help.

James

#4

Further to the above, I tried to install the latest version of Cornerstone and got:

Plugin could not be activated because it triggered a fatal error.
Fatal error: Cannot redeclare class Cornerstone_Plugin_Base in /home/sites/yorkshirewildlifepark.com/public_html/wp-content/plugins/cornerstone/includes/utility/plugin-base.php on line 6

#5

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#6

Thanks for your help. Here are the login details

#7

Hello There,

Thanks for updating in and for providing the information. We have logged in and checked the site. I found out that you have a JS/CSS minify overload. Please be aware that all of the JS and CSS files of Pro theme is already minified. Having to use Autoptimizer and Better WordPress Minify plugin at the same time is an overkill. And at the same time, you also have Comet cache. After doing theme and plugin updates, it is a must that you clear the plugin cache first before testing the site. This is to make sure that the latest codes from the update will be used and not the cached version. Could you please disable these 3 plugins and test the editor again?

Please let us know how it goes.

#8

Hi.

Yes, disabling those three plugins works. I tried just re-enabling comet cache but that produced the error again.

Are you saying that none of these plugins are required or is it a case of better configuring comet cache?

Thanks again for your help.

#9

Hello There,

Thanks for updating in! All of these plugins surely helps. However, installing redundant plugins will create issue now or maybe in the future. We highly suggested that you use each of these plugins correctly and make sure that each of the plugins will not overdo the features of the plugin. One caching plugin and a minifier plugin would do. Having to minify the file twice is an overkill and would be problem. If you want to install these plugins, please do. Just make sure that you configure each of the plugin in such a way that they do not conflict each other.

Hope this helps.