kevin310
Member-
Content Count
17 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
Site URL: https://www.blankforces.com/allproducts/launch-board Hi! Is it possible to change the "(Sold Out)" text color in the dropdown menu where the customer selects the version of the product that they want to purchase? I'd like for the "(Sold Out)" text color to be red and the rest of the text to remain the same. Or if the item version is sold out then that version font can be all red. Please see the photo for the example. Thanks for any suggestions!
-
Making page banner fixed size in mobile
kevin310 replied to ktomkat's question in Coding and Customization
Hi @tuanphan no not yet. The code I posted above is not working for me. Thanks or checking in to it! I just want to reduce the height of the banner image on mobile. Thanks for your help! -
Product page in Store- Thumbnail photos not aligned
kevin310 posted a question in Coding and Customization
Site URL: https://www.blankforces.com/allproducts/v2-titanium-edc-ink-pens-clip Hi Squarespace Grurs, In my store on the individual product pages, the thumbnails are not aligned with the larger image. Please see the red area that I marked in the photo. Is there some CSS to make all of the thumbnails slightly larger so that they fit perfectly and align on the right side like they do on the left side of the large image? Thanks in advance you any help! -
kevin310 started following Product page- change code block position and Making page banner fixed size in mobile
-
Making page banner fixed size in mobile
kevin310 replied to ktomkat's question in Coding and Customization
Hi @tuanphan I'm trying to use your code above. I want to reduce the banner image height on mobile only. website: www.blankforces.com this is the code... i edited the collection number from your code. Thanks for any help!!! @media screen and (max-width:640px) { body#collection-5caf667d104c7be537b00c28 { .page-banner-has-image img { width: 50% !important; height: 30px !important; left: 0 !important; } .page-banner-wrapper.page-banner-has-image { height: 50px !Important; } } } -
rwp reacted to an answer to a question: Product page- change code block position
-
Product page- change code block position
kevin310 replied to kevin310's question in Coding and Customization
Bingo! Thanks again rwp!! -
Product page- change code block position
kevin310 replied to kevin310's question in Coding and Customization
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> -
Product page- change code block position
kevin310 replied to kevin310's question in Coding and Customization
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. -
Product page- change code block position
kevin310 replied to kevin310's question in Coding and Customization
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 -
Product page- change code block position
kevin310 replied to kevin310's question in Coding and Customization
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).rea
-
Left/right margin or padding for mobile -Devlin template
kevin310 replied to kevin310's question in Coding and Customization
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!!! -
Left/right margin or padding for mobile -Devlin template
kevin310 replied to kevin310's question in Coding and Customization
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 -
Left/right margin or padding for mobile -Devlin template
kevin310 replied to kevin310's question in Coding and Customization
That worked perfectly Paul! Thanks so much for the very fast reply! Very much appreciated! -Kevin -
kevin310 reacted to an answer to a question: Left/right margin or padding for mobile -Devlin template
-
kevin310 started following Left/right margin or padding for mobile -Devlin template
-
Left/right margin or padding for mobile -Devlin template
kevin310 posted a question in Coding and Customization
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