Jump to content
sierrapat

Left margin on content is cleared

Recommended Posts

sierrapat    1
sierrapat

Site: http://www.302skin.com/terms

 

This is a new site that I just updated to the latest PageLines version. Prior to that, I believe that all left margines were in line with the header and footer. However, Jigoshop product pages display perfectly.

 

Something has changed, but I cannot determine what. Might you have an idea?

 

Thanks,

 

Pat Wood

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

Actually, it is not just the left margin, but both left and right margins

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Can you disable all non-PageLines plugins, temporarily remove all custom CSS/scripts and see if this resolves your issue.

 

If it doesn't can you enable PageLines debug mode by going to PageLines > Site Options > Advanced. Also, can you provide screenshots of what sections you have active on:

 

• PageLines > Drag & Drop > Page Template Area > Template | Default

• PageLines > Drag & Drop > Content Area > Template | Deafault

 

Please take screenshots of the above so we can see what sections you have active, because from what I can see on your pages the Content Sections HTML/CSS is missing which is causing your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

==> Can you disable all non-PageLines plugins

This was a surprise, but the offending plugin is Jigoshop. No matter what the combination or applied order of other plugins, when Jigoshop is activated, it breaks. This behavior started right after I applied the latest Pagelines update.

 

 

Can you disable all non-PageLines plugins, temporarily remove all custom CSS/scripts and see if this resolves your issue.

 

If it doesn't can you enable PageLines debug mode by going to PageLines > Site Options > Advanced. Also, can you provide screenshots of what sections you have active on:

 

• PageLines > Drag & Drop > Page Template Area > Template | Default

• PageLines > Drag & Drop > Content Area > Template | Deafault

 

Please take screenshots of the above so we can see what sections you have active, because from what I can see on your pages the Content Sections HTML/CSS is missing which is causing your issue.

 

post-29412-0-35330800-1368624904_thumb.p

post-29412-0-15575100-1368624906_thumb.p

Share this post


Link to post
Share on other sites
Rob    547
Rob

I suspect that because Jigo is a different system, with its own CSS elements, they've stripped out padding and margins.

 

Do you have Firebug for Firefox or use Chrome's Inspection Tool?

 

With either of those, you can find the CSS elements and adjust (in sandbox) to align your content to the left, flush with the left edge of the header.

 

Once happy with the test results, just copy the sandbox code to Dashboard > PageLines >Site Options > Custom Code and you'll be a happy website owner!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

Well, yes, I can do this in the short run, but I purchased Pagelines to work with Jigoshop seamlessly. I also installed the Jigoshop for Pagelines plugin (1.47), which is supposed to enforce compatibility, as the code says: "Refines and configures the popular Jigoshop plugin for seamless integration into PageLines."

 

As I said earlier, the problem didn't occur until I installed the latest update to Pagelines, so I expect something was added or subtracted that caused the failure.

 

Can this be submitted as a bug request? Or perhaps it should be a bug request for Jigoshop for Pagelines plugin?

Share this post


Link to post
Share on other sites
Rob    547
Rob

I've alerted the developers.  We may simply need an update.  Apologies for the inconvenience.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Can you please enable JigoShop plugin plus the PageLines JIgoShop plugin and then also enable PageLines debug mode, once you have completed these instructions, reply here and we can then investigate further.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Can you please disable all plugins except for the following:

 

PageLines Sections

JigoShop

PageLines/JIgoShop Compatibility plugin

 

Once you have, please reply here.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

Done...

 

Can you please disable all plugins except for the following:

 

PageLines Sections

JigoShop

PageLines/JIgoShop Compatibility plugin

 

Once you have, please reply here.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Pat

 

I have installed the latest version of jigoshop and pagelines and all my store items are staying within the content area. Are you using the latest versions of each? My page - http://screencast.com/t/uWpr6ZA6f3iw

 

If you have any css on the site, where is it being added? custom code box, child theme or customize etc?

 

Also, if you could go into Pagelines>site options>advanced and check the debug tab for us so we can see whats happening behind the scenes.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

Debug is already on. Yes, the site is brand new and has no custom CSS anywhere. No code has been touched. The bad display started right after I updated the Pagelines theme to the latest version; before that it worked perfectly. I made no other changes to the site after the theme update.

 

Hi Pat

 

I have installed the latest version of jigoshop and pagelines and all my store items are staying within the content area. Are you using the latest versions of each? My page - http://screencast.com/t/uWpr6ZA6f3iw

 

If you have any css on the site, where is it being added? custom code box, child theme or customize etc?

 

Also, if you could go into Pagelines>site options>advanced and check the debug tab for us so we can see whats happening behind the scenes.

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

--> all my store items are staying within the content area

As I said earlier, the store items are OK, as you note. It is Pages and Posts and their respective right columns that don't display correctly.

 

Hi Pat

 

I have installed the latest version of jigoshop and pagelines and all my store items are staying within the content area. Are you using the latest versions of each? My page - http://screencast.com/t/uWpr6ZA6f3iw

 

If you have any css on the site, where is it being added? custom code box, child theme or customize etc?

 

Also, if you could go into Pagelines>site options>advanced and check the debug tab for us so we can see whats happening behind the scenes.

Share this post


Link to post
Share on other sites
James B    436
James B

Ok, I'm trying to recreate your setup, are you using full width or fixed width in the layout mode, and which layout handling, responsive pixel/% or static?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

I created a user "passwords removed by admin" for you to take a direct look at the back end. After you are done, I will delete your user record.

 

Although visible, the site is not "live" yet.

 

 

Ok, I'm trying to recreate your setup, are you using full width or fixed width in the layout mode, and which layout handling, responsive pixel/% or static?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Pat

 

Ok I've logged in and taken a good look. From what I can see I agree with Danny, but I can't see where it is coming from. On the non-jigo pages you're missing the css for the content/content-pad

 

See http://screencast.com/t/IH7QZmWA & http://screencast.com/t/jcycWiuDP78W

 

Now this could either be down to a plugin (which even though inactive could be affecting the site) or due ot a corruption in one of the core files. My first bet would be to resinstall a fresh version of pagelines via a new zip downloaded from your launchpad account - http://www.pagelines.com/launchpad/ if that doesn't work then try deleting the third party plugins one by one to see if any of them has a direct effect on the page layout.

 

I've checked your debug informaton, there's nothing in there that would cause this type of layout issue.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

I delete theme files from Appearance/Themes, then downloaded and reinstalled version 2.4.2 from scratch. No change.

 

When I deactivate ALL plugins, display of Pages is CORRECT. When I add back in the Jigoshop plugin, it BREAKS. However, I will point out again that this was not the case with Pagelines 2.4.1.

 

There obviously is a conflict with Jigoshop and Pagelines. When I activate the Jigoshop for Pagelines plugin, it does not correct the issue either.

 

So, short of hacking some code, which I don't want to do, there is no resolution. If you have some CSS code that I can add into Pagelines, I could do that, but the ultimate fix will be to issue an update to the "Jigoshop for Pagelines." plugin to enforce compatiblity.

 

 

 

 

Hi Pat

 

Ok I've logged in and taken a good look. From what I can see I agree with Danny, but I can't see where it is coming from. On the non-jigo pages you're missing the css for the content/content-pad

 

See http://screencast.com/t/IH7QZmWA & http://screencast.com/t/jcycWiuDP78W

 

Now this could either be down to a plugin (which even though inactive could be affecting the site) or due ot a corruption in one of the core files. My first bet would be to resinstall a fresh version of pagelines via a new zip downloaded from your launchpad account - http://www.pagelines.com/launchpad/ if that doesn't work then try deleting the third party plugins one by one to see if any of them has a direct effect on the page layout.

 

I've checked your debug informaton, there's nothing in there that would cause this type of layout issue.

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

Perhaps you can send me the zip file for the previous version and I could install it.....

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Pat

 

It's defiently something to do with the jigoshop plugin, which is strange as I've checked both our versions and they're the same. The pagelines integration on it's own doesn't seem to change the text alignment on it's own, but activating the main jigo plugin definetly does. I will report this to a developer and see what they suggest. As you've already reuploaded the framework, in the meantime I would say install a fresh version of jigoshop and upload that to see if there was a corruption in the current one.

 

For the time being until we can work out exactly what's happening the below can be used/adjusted to fix.

 

.page-template-default #dynamic-content {
    margin-left4%;
    margin-right0;
}
 

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

I deleted Jigoshop plugin and reinstalled from wordpress.org. No change. The css below works on pages, but not on the Search Page.

 

 

 

Hi Pat

 

It's defiently something to do with the jigoshop plugin, which is strange as I've checked both our versions and they're the same. The pagelines integration on it's own doesn't seem to change the text alignment on it's own, but activating the main jigo plugin definetly does. I will report this to a developer and see what they suggest. As you've already reuploaded the framework, in the meantime I would say install a fresh version of jigoshop and upload that to see if there was a corruption in the current one.

 

For the time being until we can work out exactly what's happening the below can be used/adjusted to fix.

 

.page-template-default #dynamic-content {
    margin-left4%;
    margin-right0;
}
 

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

This issue can not be resolved by CSS, the issue you have is that you're missing important HTML/CSS from your pages. Can you enable PageLines debug mode again please, so I can try to recreate your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sierrapat    1
sierrapat

OK. I reinstated Debug mode. Do you want FTP access?

 

Pat

 

This issue can not be resolved by CSS, the issue you have is that you're missing important HTML/CSS from your pages. Can you enable PageLines debug mode again please, so I can try to recreate your issue.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      every since Chrome introduce scroll anchoring (see chrome://flags) blog posts on my page start scroll automatically as soon as the user scrolls down a bit. It is super annoying and I don't know exactly what triggers the incompatibility with Chrome's latest feature that is supposed to improve usability.
      Since I don't know what causes it (Pagelines, or a Plugin), I would like to disable the feature using a CSS override that Google describes as follow:
      "Scroll anchoring aims to be the default mode of behavior when launched, so that users benefit from it even on legacy content. A CSS property overflow-anchor can disable scroll anchoring in part or all of a webpage (opt out), or exclude portions of the DOM from the anchor node selection algorithm. This property supports the following values when applied to an element E:
      overflow-anchor: auto (the default value) declares that the DOM subtree rooted at E is eligible to participate in the anchor node selection algorithm for any scrolling box created by E or an ancestor of E. overflow-anchor: none declares that the DOM subtree rooted at E is not eligible to participate in the anchor node selection algorithm for any scrolling box created by E or an ancestor of E." Do you guys happen to know how to use that property with the ROOT element so it applies to the whole page?
      Thanks
      Michael 
    • wyo22ski
      By wyo22ski+
      Hello,
       
      I'm basically a designer and understand a little on how to change CSS, etc., so please excuse my ignorance...  I recently upgraded to the newest platform from the DMS and my old DMS theme no longer functions.  I'm trying to replace the image slider that my Horizon Photography Theme (Nick Haskins) had created.  The Impulse image slider seemed the closest to what I need, but there are problems.
      It seems the the Impulse section for sliding images defaults to the image width, no the height.  I can change the Impulse stage height and width, but this does nothing to the internal content.  For instance, if I change the height to 200 pixels, the image remains the full width and only shows a cropped section.  I would like the ability to change the Impulse height, and have the image height fit space. 
      I've put this custom CSS in, but again, this only controls the stage height of Impulse:
      .pl-sn-impulse .pl-impulse-cell .cell-wrap, .pl-impulse-container, .owl-stage-outer {
        width: 100%;
      }
       
      Any suggestions welcome.  Thanks 
    • Objectif-Mariage
      By Objectif-Mariage+
      Hello. 
      I have just realized that CSS (Less plugin) , is not working..... I have disable all plugins (except PL CUSTOM LESS and PL5) , and ... it's not working ... 
      It's not the first time. Usually I had trouble with a plugin name Autoptimize , but it's Desactivate now , all memory have been purge, and it's still not working! :-/ So it's not from this plugin. 
      NB : When I am logged on my website, if i go on the black wordpress dashboard bar, go on the PL icon, clic on </> LESS/CSS => then the page suddenly apply the CSS .... But As soon that i reload the page, nothing. I think the problem is that the plugin LESS/CSS does not load properly (if I can say that with my simples words).
      I order to keep the site "good looking" I have temporally copy/paste all my LESS code in a plugin : Script n Styles that apply the LESS/CSS code... but it's not a solution for long time.
      Can someone help me ? Did I do something wrong ? Is it an update ? 
       
      my website : https://www.wedding-photography-minneapolis.com
    • Jason
      By Jason+
      Feel free to delete this post if its not helpful or its just plain wrong.
       
      I though it might be useful to share how I customize the size of the builder. (reduce my eyestrain )
      1 - install stylerbot extension in chrome (stylerbot keeps this css every time you access the url)
       
      2- add this css to stylerbot for the site you are working on
      .CodeMirror {
          font-size: 14px;
          height: 600px;
      }
      .pl-workarea.pl-has-sidebar .pl-workarea-sidebar-container {
          right: 0px;
          width: 500px;
      }
      .pl-workarea.pl-has-sidebar .iframe-container {
          right: 500px ;
      }
       
      change sizes to suit.
       
      Cheers.
    • Jason
      By Jason+
      Hi.
      I can't seem to get the Teamwork section to accept custom css. I am trying to change the padding from 7em to 1em on the splash part
      I have tried
        .pl-sn-teamwork .pl-tw-splash {
          padding-top: 1em;
          padding-bottom: 1em;
        }
       
      This works in chrome inspect but when added to custom css nothing happens.
      I have also tried most of the classes I can see accoiated with this section but again nothng seems to happen.
      Any ideas?
×