kevin310

Bingo! Thanks again rwp!!

Fantastic!! It's working...Thanks so much rwp!!! You are awesome. One last question if you don't mind. If I want to move the code block to this location... what would I change "product-price" to? <script> $(document).ready(function() { $('.product-description .code-block').insertAfter('.product-price'); }); </script>

Sorry about that... yes I see. I am using your code in the Code Injection FOOTER and the Custom CSS show below. It is still not doing anything. I'm not sure if i have the correct names that are highlighted in yellow below. I have tried to make these the same as well but I don't see an change in the code block's position. Also, for the CSS... I don't know what the "order number" actually does. Should it be 3? I also tried other numbers but don't see any change.

Understood. So the code you posted is the exact same as what I posted then? I see no difference, and it is still not doing anything to move the code block. Thanks for taking the time to respond! Kevin

Hi rwp... thanks so much for getting back to me so quickly! I really appreciate it! Just so I understand. You just removed the <script> and <script/> from the code? and I should use it that way? I made that change and don't see any change. the code block is still working at the bottom of the page. I am guessing that the actual names... like "product-description" and "product-price". I found those one this forum, but i'm not sure they are correct for my site. Thanks again for your help! Kevin

Site URL: https://www.blankforces.com/allproducts/v2-titanium-edc-ink-pens-clip Hi Squarespace gurus! On my "product page" I have a "code block" that I've placed in the "additional info" section. The code in the code block is working but it is below all of the product info.... but I'd love to move it so that it is positioned right below the "product price" as indicated in the image below. Below is the code that I was trying to use. Thanks for any help! -Kevin --------------- This code is from Code Injection >Footer: <script> $(document).ready(function() { $('.product-description .code-block').insertAfter('.product-title'); }); </script> This code is from my custom CSS: .ProductItem-description .code-block { order: 4; }

It looks like it has fixed itself. The horizontal line, is the horizontal scroll bar. I restarted Chrome on mobile and the bar is much lower now. Thanks again for your help Paul!!!

Hey Paul... it looks like there is some small graphic issue. I'm using an iPhone and the Google Chrome browser and get a horizontal white line near the bottom when I'm scrolling. I checked on iPhone Safari app as well... the Safari browser shows the same horizontal white line but it is very close to the bottom, so it is not as noticable. It's not a huge deal but it would be great if you have a suggestion. Thanks again... that was a huge help!! -Kevin

That worked perfectly Paul! Thanks so much for the very fast reply! Very much appreciated! -Kevin

Hi, I'm trying to reduce the left/right margin or padding for mobile -Devlin template. www.blankforces.com I have tried some css but haven't been able to figure anything out that works. You can see in the attached image that on mobile the margins are pretty big... it would be great if they were about a third of the width. Thanks in advance for any help/suggestions! -Kevin