Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by brigidc.campbell

  1. Site URL: https://www.sakustudio.com/logos Hey all! I am looking to make this 3-up column that is currently on the desktop view visible in mobile as well. Right now, the mobile view is switching to a 2-up view and I don't love how the gallery is laying out. Does anyone have some quick css code for this?
  2. @tuanphan The buttons are already style how I would like them. I am trying to figure out how to style the checkbox. I attached screenshots for your reference.
  3. Site URL: https://www.virginsuncare.com/shop-1 Hello! I am looking to style a checkmark on a site that is not contained within the form. It is a checkmark added by a code block. Any ideas on how to make this checkmark look more like the screenshot attached?
  4. Site URL: https://www.virginsuncare.com/shop Hello! I am looking to create an auto-replenish check box that opens into 3 different buttons (variants for the product). Here is an example of what I am trying to accomplish https://www.furtunaskin.com/collections/cuore/products/due-alberi-biphase-moisturizing-oil?variant=32361045852195 Let me know if you have any coding tricks to make this happen! I appreciate it! Thanks 🙂
  5. Site URL: https://buffalo-carrot-5s84.squarespace.com/design-work I am trying to hide the last 2 projects in my portfolio grid that I still want to appear when using the pagination at the bottom of each portfolio item. I currently have them as linked images much larger in a section above the grid, highlighting these two projects. I have tried to hide the grid item with css but I am unable to select the individual items. This is what I have so far but it is hiding the whole portfolio. Site: https://buffalo-carrot-5s84.squarespace.com/design-work Password: saku #gridThumbs { .grid-item {display:none} }
  6. @tuanphan Yes, the black border appears to have some padding on the bottom of the image only on iphone X and iphone 11 (as shown in screenshot). It looks fine on other mobile devices.
  7. Site URL: https://www.virginsuncare.com/home-page The banner image on my home page site looks good on all mobile devices except for the iphone X and 11 pro. Can anyone help me trouble shoot this? Thanks in advance.
  8. @HRawson Thank you so much! I actually ended up putting in an animated .gif and a separate audio file, then hid the audio file. I put this code in my .css to make it happen. // hide audio player on mobile // @media only screen and (max-width: 640px) { player { display: none !important; }} // hide audio player on desktop // .audio-block.sqs-block-audio { display: none; }
  9. Site URL: https://virginsuncare.com/ingredients I created this custom image block grid in Squarespace 7.1 to provide an interactive and detailed view of the ingredients while being able to see them as one working unit. I am having trouble aligning the bottom base line of these images. Is there anyway to center this grid or create a fixed bottom height for the block as a whole? The blocks are currently sizing different and the bottom line changes at every screen size increment. I have been trying to figure this one out for weeks so any help or creative ideas would be appreciated. Thanks!
  10. @tuanphan any luck on troubleshooting the bottom alignment? I've been poking around on the web and playing with the dimensions of the images themselves but not having much luck. Thanks in advance
  11. @brandyglows I am not sure how to do this but I did find a link that may be helpful. Unfortunately it is not a free resource but hopefully it points you in the right direction. https://www.squarestylist.com/shop/mega-menu
  12. @tuanphan I attached some screenshots for reference. I want the bottom edge of all of these boxes to be on one line. It is the closest in the third screen capture. When sizing the browser up or down, the 2nd and 4th columns start to extend way past the bottom line. Let me know if this makes sense. link: virginsuncare.com/ingredients
  13. @tuanphan it worked! Thank you so much! One last question on this page. I have been trying to get these images to line up on the bottom border for hours. They seem to be scaling at strange sizes. They are all separate image blocks and I am trying align the bottom in the same way the top is aligned. https://www.virginsuncare.com/ingredients Can you help me out with this?
  14. @tuanphan I went with a different layout so that I didn't have to code in order to fix the block order.
  15. Site URL: https://www.virginsuncare.com/product Hey! I am looking to create a custom image carousel for my product page. The shop I am building only has one product and I want to be able to customize that product page more than I am allowed through the individual product page created by SQS. I have built another page and added the ADD TO CART button but am having trouble trying to create an image carousel next to it. Not sure where to start with this and would appreciate your help! Thanks! Below is the site and photo for reference. The screenshot is a reference of the product image carousel I would like to build and the link is the current product page build. Site: https://www.virginsuncare.com/product Password: virgin
  16. @tuanphan I love my design on desktop but when I resize to mobile, all of my items stack incorrectly. I tried to use the Squarespace support page and align them differently but I am still getting the same issue. It seems squarespace is stacking everything that appears on the left column first, then the right column whereas I would like the items that are horizontally aligned on desktop to stack below each other on mobile. Is there any custom code to re-order the arrangement of these items? Site Link: https://www.potionsnmotions.com/products
  17. @tuanphan Thank you so much! That code worked for the main scroll bar but what about the scroll bars inside of the images as shown in the link I provided? Any ideas?
  18. @tuanphan This code disables the scroll on the site rather than just hides the scroll bar. Is there anyway to style the scroll bar instead?
  19. Is there any way to add a logo, phone number and address to the printable order that is accessed via Commerce > Orders in Squarespace 7? The site is gailscupboard.com It is current running on the Basic Commerce plan.
  20. @tuanphan Thanks for the reply. When I add that code into my header in 7.1 (Settings > Advanced > Code Injection > Header) the code appears at the top left of every page. Is there a different section I should insert this code in 7.1? The site https://www.virginsuncare.com/ingredients with password: VIRGIN
  21. I am looking to do the same thing. Were you able to figure this out?
  22. Site URL: https://virginsuncare.com I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. I would really appreciate any guidance here. Thank you!
  • Create New...