• Resolved anonymized-14711860

    (@anonymized-14711860)


    I’ve got a margin appearing to the right of my body text that presumably isn’t intended (it doesn’t align with the right-justified images!). See a screenshot of the issue.

    Any thoughts as to how I might remove it?

    I saw this appearing when running on my main site. The same problem appears on a test site – using the default plugin settings and the Twenty Fifteen theme. For the above screenshot I set the only margin-related plugin settings I can see (‘layout margin’ and ‘layout gutter’) to ‘1’, though it is present with the default values of these, too.

    Many thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Bradford Campeau-Laurion

    (@potatomaster)

    Can you please paste the JSON for that post here as code?

    Thanks.

    Thread Starter anonymized-14711860

    (@anonymized-14711860)

    {"version":"1.1","identifier":"post-60","language":"en","title":"Testing Post","documentStyle":{"backgroundColor":"#fafafa"},"layout":{"columns":7,"width":1024,"margin":1,"gutter":1},"components":[{"role":"header","layout":"headerPhotoLayout","components":[{"role":"photo","layout":"headerPhotoLayout","URL":"bundle:\/\/British_Houses_of_Parliament.jpg"}],"behavior":{"type":"parallax","factor":0.8}},{"role":"container","layout":{"columnStart":0,"columnSpan":7,"ignoreDocumentMargin":true},"style":{"backgroundColor":"#fafafa"},"components":[{"role":"title","text":"Testing Post","textStyle":"default-title","layout":"title-layout"},{"role":"byline","text":"by Admin | Oct 19, 2016 | 7:46 PM","textStyle":"default-byline","layout":"byline-layout"},{"role":"body","text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae arcu ut nisi pulvinar porttitor. Aenean sit amet ante ut magna ultrices viverra ut quis sem. Nunc vehicula quis felis in volutpat. Nullam et mollis nisl, non vulputate tortor. Ut luctus, erat vel consequat fermentum, justo velit convallis neque, nec pulvinar nunc erat id dolor. Donec tristique libero quis faucibus porttitor. Vivamus porttitor molestie imperdiet. Donec sed scelerisque odio, ut sodales enim. Vestibulum consectetur eros risus, nec malesuada nisi accumsan ac. Etiam volutpat ac risus a placerat.\n\nCras porttitor consequat facilisis. Fusce elit metus, laoreet sit amet dapibus ac, aliquam ac lectus. Nullam lacinia, leo non sagittis pretium, nisl lorem ornare quam, scelerisque varius enim quam sit amet mauris. Curabitur euismod ac velit eget condimentum. Vestibulum placerat risus orci, sit amet finibus velit pharetra in. Sed ut quam nec lectus feugiat fermentum eu a sem. Cras vestibulum dui at orci egestas, vitae ultrices eros semper. Pellentesque enim dui, elementum sit amet mi ac, convallis egestas leo. Quisque placerat mauris ut pellentesque viverra.","format":"markdown","textStyle":"dropcapBodyStyle","layout":"body-layout"},{"role":"photo","URL":"bundle:\/\/tangerines-1721590_1920.jpg","layout":"anchor-layout-right","anchor":{"targetAnchorPosition":"center","rangeStart":0,"rangeLength":1,"targetComponentIdentifier":"component-9d0c0d6f67379e073a9efaf79f6dc3eb"}},{"role":"body","text":"In vitae mattis ligula. Nam elit odio, tempor sed arcu eu, molestie venenatis enim. Morbi condimentum ipsum eget lacus malesuada, a congue enim ornare. Sed sed est tristique, mollis ipsum eu, lobortis ante. Cras nisi risus, lacinia vel laoreet in, lobortis ut ex. Maecenas porta maximus iaculis. Praesent vulputate diam in sem porta eleifend. Aliquam porta leo ut commodo scelerisque. Vestibulum et porttitor lacus. Aliquam sed risus iaculis, bibendum risus eu, mollis orci. Etiam metus purus, mollis tempus interdum eget, sollicitudin sed tellus. Sed fermentum, dolor non efficitur faucibus, ipsum turpis hendrerit metus, vel lacinia diam ex id velit. Nulla feugiat ipsum non interdum bibendum. Proin libero erat, interdum non euismod vel, ornare in nisl. Curabitur maximus, lorem a semper fermentum, nulla lorem hendrerit ligula, vel viverra sem ligula consectetur risus. Maecenas faucibus sapien et velit scelerisque, sit amet cursus ex molestie.\n\nMaecenas eget erat ut felis elementum hendrerit eget non ligula. Donec sit amet faucibus sem. Pellentesque euismod rutrum erat, a dapibus tortor luctus quis. Suspendisse pharetra, neque at gravida efficitur, orci sapien tempor nunc, ac suscipit urna nisi at nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut varius neque quis velit lobortis volutpat. Nunc accumsan, lacus eu consequat iaculis, nibh magna gravida nisi, eu vestibulum augue mauris quis est. Fusce facilisis orci eros, sed vehicula mauris ornare non. Nunc bibendum vestibulum felis. Pellentesque vulputate, sem in aliquet scelerisque, nisl augue egestas eros, ac tincidunt ex orci sed lectus. Fusce bibendum suscipit aliquam. Nulla faucibus dapibus ornare.\n\nAliquam pellentesque lorem venenatis lectus congue, sed blandit quam iaculis. In hac habitasse platea dictumst. Praesent auctor ante in diam pulvinar varius sed vitae diam. Suspendisse potenti. Nulla sodales, augue laoreet iaculis condimentum, turpis nunc mattis nunc, nec tristique orci tellus ut libero. Morbi ut odio sit amet felis auctor tincidunt et id tellus. Proin faucibus, justo non bibendum tempus, turpis tellus vestibulum magna, nec suscipit ligula magna fermentum lorem. Integer molestie justo justo, id luctus dolor tincidunt vel. Suspendisse ut ligula vel urna vulputate sodales vel sit amet eros. Quisque tempor nisl a metus bibendum tristique. Proin a sem lectus. Aenean sit amet velit aliquet, fermentum ligula at, lobortis purus. Integer finibus consequat arcu, et dignissim mauris bibendum a. Fusce ac sodales purus. Phasellus lacinia, libero quis tincidunt cursus, libero elit luctus dolor, finibus tempus ipsum nulla in diam.","format":"markdown","textStyle":"default-body","layout":"body-layout-last"}]}],"componentTextStyles":{"dropcapBodyStyle":{"textAlignment":"left","fontName":"AvenirNext-Regular","fontSize":18,"lineHeight":24,"textColor":"#4f4f4f","linkStyle":{"textColor":"#428bca"},"paragraphSpacingBefore":18,"paragraphSpacingAfter":18,"dropCapStyle":{"numberOfLines":4,"numberOfCharacters":1,"padding":5,"fontName":"AvenirNext-Bold","textColor":"#4f4f4f"}},"default-body":{"textAlignment":"left","fontName":"AvenirNext-Regular","fontSize":18,"lineHeight":24,"textColor":"#4f4f4f","linkStyle":{"textColor":"#428bca"},"paragraphSpacingBefore":18,"paragraphSpacingAfter":18},"default-title":{"fontName":"AvenirNext-Bold","fontSize":48,"lineHeight":52,"textColor":"#333333","textAlignment":"left"},"default-byline":{"textAlignment":"left","fontName":"AvenirNext-Medium","fontSize":13,"textColor":"#7c7c7c"}},"componentLayouts":{"anchored-image":{"margin":{"top":25,"bottom":25}},"body-layout":{"columnStart":0,"columnSpan":5,"margin":{"top":12,"bottom":12}},"body-layout-last":{"columnStart":0,"columnSpan":5,"margin":{"top":12,"bottom":30}},"anchor-layout-right":{"columnStart":3,"columnSpan":4},"headerPhotoLayout":{"columnStart":0,"columnSpan":7,"ignoreDocumentMargin":true},"headerBelowTextPhotoLayout":{"columnStart":0,"columnSpan":7,"ignoreDocumentMargin":true,"margin":{"top":30,"bottom":0}},"title-layout":{"margin":{"top":30,"bottom":0}},"byline-layout":{"columnStart":0,"columnSpan":7,"margin":{"top":10,"bottom":10}}},"metadata":{"excerpt":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae arcu ut nisi pulvinar porttitor. Aenean sit amet ante ut magna ultrices viverra ut quis sem. Nunc vehicula quis felis in volutpat. Nullam et mollis nisl, non vulputate tortor. Ut luctus, erat vel consequat fermentum, justo velit convallis neque, nec pulvinar nunc erat id dolor....","thumbnailURL":"bundle:\/\/British_Houses_of_Parliament.jpg","dateCreated":"2016-10-19T19:46:26+00:00","dateModified":"2016-10-19T19:46:26+00:00","datePublished":"2016-10-19T19:46:26+00:00","canonicalURL":"http:\/\/mn.chrishyland.com\/2016\/10\/19\/testing-post\/","generatorIdentifier":"publish-to-apple-news","generatorName":"Publish to Apple News","generatorVersion":"1.1.9"},"advertisingSettings":{"frequency":1,"layout":{"margin":{"top":15,"bottom":15}}}}

    Thanks again.

    Plugin Author Bradford Campeau-Laurion

    (@potatomaster)

    Seems to be an issue with the text flow on larger screen devices like the iPad. I can replicate it using your sample JSON.

    Unfortunately, the text flow logic in the plugin is pretty complex so this might take some time to fix. You’re welcome to look at it yourself if you have any interest in the interim. I’ve filed a github issue for it here: https://github.com/alleyinteractive/apple-news/issues/233

    The source code that creates the text flow and image markup is located here and here.

    We’re also evaluating adding HTML support, which was just introduced by Apple last week. This may also make some of these things easier in the future. Sorry we can’t be of more immediate assistance.

    Thread Starter anonymized-14711860

    (@anonymized-14711860)

    Sure, I’ll have a poke around if I get a chance.

    Thanks,

    Chris

    Plugin Author Bradford Campeau-Laurion

    (@potatomaster)

    This may be resolved in version 1.2.1 which is releasing imminently. Please let us know if this is still an issue after that release.

    Plugin Author Kevin Fodness

    (@kevinfodness)

    Version 1.2.1 has now been released. Please let us know if the latest version solves your issue.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Large Right Margin’ is closed to new replies.