brigidc.campbell

@tuanphan I added this code to one of my sites and it worked great until I upgraded to Fluid Engine. The code no longer works and when I go into my Circle Lab settings to opt-out of the Fluid Engine (in hopes to reverse this) the scrolling gradient still doesnt work. Any ideas?

@tuanphan Thank you this worked great!!

@tuanphan I would like to add an image on hover and keep the text

@tuanphan Do you know how to add an image background when hovering over the navigation links? Website: roughcutbrewing.com

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?

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

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?

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 { .grid-item {display:none} }

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

@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 went with a different layout so that I didn't have to code in order to fix the block order.

@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

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!