<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>thread banner dosent line up with section backgrounds. in Online Store</title>
    <link>https://community.squareup.com/t5/Online-Store/banner-dosent-line-up-with-section-backgrounds/m-p/839782#M46426</link>
    <description>&lt;P&gt;So im having an issue where my background is a repeating pattern. this is fine. its 2000x1000px as recommended and within the square editor i get it to line up perfectly, but when i view the site when its live OR mobile it misaligns again!&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;i just want one continuous background without it making it crunchy or misaligning square pleas e go d.&amp;nbsp; why cant you just crop all the backgrounds the same for elements instead of moving them ;^;&lt;BR /&gt;&lt;BR /&gt;Example A: lovely aligned.&amp;nbsp;&lt;BR /&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="asdasdads.png" style="width: 999px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/55357iE1D0065C70E89849/image-size/large?v=v2&amp;amp;px=999" role="button" title="asdasdads.png" alt="asdasdads.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I've made every 'background' the same image and adjusted its position THEN set the image subject directly in the middle. as supposedly that's supposed to make it 'center' the image.&lt;BR /&gt;&lt;BR /&gt;this is what it looks like on the other end: mobile and desktop.&lt;BR /&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="sdasdasdasdfgfhfgh.png" style="width: 386px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/55358iB5CAF73368A202BD/image-size/large?v=v2&amp;amp;px=999" role="button" title="sdasdasdasdfgfhfgh.png" alt="sdasdasdasdfgfhfgh.png" /&gt;&lt;/span&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="qweqweqweqweq.png" style="width: 999px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/55359i6BEBD8D2A4A424CB/image-size/large?v=v2&amp;amp;px=999" role="button" title="qweqweqweqweq.png" alt="qweqweqweqweq.png" /&gt;&lt;/span&gt;&lt;BR /&gt;&lt;BR /&gt;Now id be FINE with this if we knew the sizes of all these elements and could cobble something together to make them at least have the banners the same size to the background but they don't tell us and its like pulling teeth trying to find it. is there a set whole background option? I'm starting to consider moving somewhere else with how frustrating it is trying to put together a basic bones site.&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 01 Apr 2026 05:19:35 GMT</pubDate>
    <dc:creator>themissmango</dc:creator>
    <dc:date>2026-04-01T05:19:35Z</dc:date>
    <item>
      <title>banner dosent line up with section backgrounds.</title>
      <link>https://community.squareup.com/t5/Online-Store/banner-dosent-line-up-with-section-backgrounds/m-p/839782#M46426</link>
      <description>&lt;P&gt;So im having an issue where my background is a repeating pattern. this is fine. its 2000x1000px as recommended and within the square editor i get it to line up perfectly, but when i view the site when its live OR mobile it misaligns again!&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;i just want one continuous background without it making it crunchy or misaligning square pleas e go d.&amp;nbsp; why cant you just crop all the backgrounds the same for elements instead of moving them ;^;&lt;BR /&gt;&lt;BR /&gt;Example A: lovely aligned.&amp;nbsp;&lt;BR /&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="asdasdads.png" style="width: 999px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/55357iE1D0065C70E89849/image-size/large?v=v2&amp;amp;px=999" role="button" title="asdasdads.png" alt="asdasdads.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I've made every 'background' the same image and adjusted its position THEN set the image subject directly in the middle. as supposedly that's supposed to make it 'center' the image.&lt;BR /&gt;&lt;BR /&gt;this is what it looks like on the other end: mobile and desktop.&lt;BR /&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="sdasdasdasdfgfhfgh.png" style="width: 386px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/55358iB5CAF73368A202BD/image-size/large?v=v2&amp;amp;px=999" role="button" title="sdasdasdasdfgfhfgh.png" alt="sdasdasdasdfgfhfgh.png" /&gt;&lt;/span&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="qweqweqweqweq.png" style="width: 999px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/55359i6BEBD8D2A4A424CB/image-size/large?v=v2&amp;amp;px=999" role="button" title="qweqweqweqweq.png" alt="qweqweqweqweq.png" /&gt;&lt;/span&gt;&lt;BR /&gt;&lt;BR /&gt;Now id be FINE with this if we knew the sizes of all these elements and could cobble something together to make them at least have the banners the same size to the background but they don't tell us and its like pulling teeth trying to find it. is there a set whole background option? I'm starting to consider moving somewhere else with how frustrating it is trying to put together a basic bones site.&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 01 Apr 2026 05:19:35 GMT</pubDate>
      <guid>https://community.squareup.com/t5/Online-Store/banner-dosent-line-up-with-section-backgrounds/m-p/839782#M46426</guid>
      <dc:creator>themissmango</dc:creator>
      <dc:date>2026-04-01T05:19:35Z</dc:date>
    </item>
  </channel>
</rss>

