Tagged: conflict, enfold, incompatibility, optimizepress
-
AuthorPosts
-
July 5, 2015 at 7:11 pm #468596
Hello. We use OptimizePress for a number of our sales pages. I was informed by the author of that plugin, that there is a compatibility issue with OptimizePress and Enfold. They stated the following:
*************************************************************
Enfold CSS breaks the responsive re-sizing of pages created with the OptimizePress Live Editor. This is due to their CSS bleeding over onto pages created with our page builder. Also some templates can be cut off. Templates being cut off can be fixed with custom CSS: @media only screen and (min-width: 960px) {body.op-plugin .container { width: 100%; }}
**************************************************************
I inserted that custom CSS but there still seems to be a problem.
I am providing a few before and after links so you can see the issue.
Please let me know if there are any simple css fixes that can be implemented to resolve this incompatibility problem.July 6, 2015 at 2:43 pm #468956Hi ACNLatitudes!
you don’t have Enfold activated on your page. We need to inspect the Enfold elements to provide you some CSS code. Let us know when you are ready. Admin access would be helpful to us as well. Post login details here as private reply.
Regards,
AndyJuly 6, 2015 at 4:24 pm #469064Hi Andy,
I added the login credentials. Feel free to activate the Enfold Child theme and then go to that page again to see the issue. When you are done, please change the theme back to the Fresh News theme.
Thanks!
July 6, 2015 at 4:46 pm #469088Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
body.op-plugin .container { max-width: 100%; }
Regards,
YigitJuly 6, 2015 at 5:56 pm #469157Thanks that fixes the problem with the width of the OptimizePress pages, but I just noticed that it messes up the layout of our home page (it makes our home page go full width, which it is not supposed to do).
OptimizePress suggested using this code, which is similar to what you provided, but it doesn’t seem to fix the issue on the page:
@media only screen and (min-width: 960px) {body.op-plugin .container { width: 100%; }}
Is there a modified version of that CSS code that can work instead?
Thanks!
- This reply was modified 9 years, 4 months ago by ACNLatitudes.
July 6, 2015 at 6:12 pm #469172Hey!
I have added following code to Quick CSS as well
@media only screen and (max-width: 960px) { .fixed-width { width: 80%!important; margin-left: 50px !important; }}
and i have changed the code they provided to following one
@media only screen and (min-width: 960px) {body.op-plugin .container { max-width: 100%; }}
Regards,
YigitJuly 6, 2015 at 6:17 pm #469176Hi Yigit. Thanks. However the site is still stretched out on the home page and on all the other areas of the Enfold theme. Please try removing the code that you put in and then hit refresh on the home page so you can see what I mean. Please advise.
July 10, 2015 at 9:59 am #471359Hi!
I tried to login to the site but the wp admin got redirected to this page: http://latitudes.org/members/profile.php
The login credentials above are not working. Is this the only page with the optimizepress plugin activated? http://latitudes.org/store/should-you-consider-pandas-ebook/
You can replace this selector (body.op-plugin) with the page id.
@media only screen and (min-width: 960px) { .page-id-14779 .container { max-width: 100%; }}
Regards,
IsmaelJuly 10, 2015 at 6:19 pm #471666Hi Ismael. Using the page ID technique worked great. The conflicting code appears to be resolved now. Thanks so much!
July 12, 2015 at 9:44 am #471975 -
AuthorPosts
- The topic ‘Problem with Enfold and OptimizePress’ is closed to new replies.