brigidc.campbell

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 🙂

@tuanphan Thank you! That worked perfectly!

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 {

@tuanphan was my description clear to understand?

@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.

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.

@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; }

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.

@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

@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

@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

@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?

@tuanphan I went with a different layout so that I didn't have to code in order to fix the block order.

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

@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