xavier-cusso
-
Content Count
24 -
Joined
-
Last visited
-
Make header sticky on specific page (7.1)
xavier-cusso posted a question in Coding and Customization
Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, I'd like my header / top nav to remain sticky on scroll only for my Product pages (this page #item-5dfb3eba5179d73d7b6fa175 for example). Is there an easy way to do that using custom CSS? thanks -
Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, My product slider is mysteriously gone for tablet portrait resolution. I assume it's an easy CSS fix but can't figure how to bring it back. The slider would need to be positioned above the Product item details, just like in mobile. You help is much appreciated, Xavier
-
-
Removing fade hover effect on SHOP product
xavier-cusso posted a question in Coding and Customization
Site URL: https://pelican-chiton-xwy4.squarespace.com/shop Hello, I'd like to remove the default fade hover effect on my Shop products so I have a frame-to-frame transition (as on the Homepage). Is there any way I could do this? Thanks -
Site URL: https://pelican-chiton-xwy4.squarespace.com/shop Hey, Is there any chance to move the SOLD OUT label (COMING SOON in my case) from the bottom right corner to the upper right corner? Seems like this label is inside another parent and that's why the code below isn't working: #collection-5dfb3eba5179d73d7b6fa176 div.product-mark.sold-out { padding: 24px; text-align: right; margin-right: 24px; } Thanks! Thanks!
-
-
-
Site URL: https://pelican-chiton-xwy4.squarespace.com/ Hola, Trying to change the image for "FOS Classic" product entry on hover, in the Homepage right under "THE FOS COLLECTIONS" section. Anybody knows how to do that on 7.1?? I'd be interested in keeping the section and not having to start over using code blocks. Here's the image to be displayed on hover: Thanks
-
-
Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, I would like to change "SOLD OUT" to "COMING SOON" labels on the YOU MIGHT ALSO LIKE section at the bottom of my Product page. https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic (7.1) Is there any way to do that in the Custom CSS? Thanks, Xavier
-
Exactly, @tuanphan
-
-
Sure @tuanphan I meant adding a hover state that changes the image highlighted in red below to the one in the message above, on mouseover. On the homepage, "The Fos Collections" section. Thanks!
-
Site URL: https://pelican-chiton-xwy4.squarespace.com/ Hola, Trying to add the image below as a hover state to the product entry "Fos Classic". In the Homepage, under "THE FOS COLLECTIONS" section. Does anybody know how to do that? My site is running on 7.1 Thanks!
-
-
-
CSS styles breaking on contact form
xavier-cusso replied to xavier-cusso's question in Coding and Customization
This is what I've used @tuanphan do you see anything that might be causing this issue in there? Thanks #email-yui_3_17_2_1_1555014059115_8408-field { padding: 16px 0px; } .form-block input { border-color: #000000 !important; margin: 0px 0px; } .form-block textarea { border-color: #000000 !important; margin: 8px 0px; } .form-block button { background: #000000 !important; border-color: #000000 !important; } .form-wrapper .field-list .field .field-element { width: 100%; padding: 18px !important; margin: 8px 0px 4px; border: 1px solid #ccc; background: #0000; color: #000; font-family: sans-serif; font-size: 16px; line-height: normal; box-sizing: border-box; border-radius: 0px; } #email-yui_3_17_2_1_1555014059115_8408-field { padding: 16px 16px; } .form-wrapper .field-list .field .caption .field-element { font-size: 16px; } .form-wrapper .field-list { font-size: 1rem; } -
Hello, I've introduced some custom CSS to the contact form. It works when I'm on the Squarespace editor but they break on the browser URL with the text fields becoming black (they should be white). Does anybody know what's happening? My site, running on 7.1 https://pelican-chiton-xwy4.squarespace.com/contact Cheers, Xavi
-
Hello, I'd like to use a "boxed-in" design for my header items but can't seem to find the way to make the vertical dividers long enough to bleed with the browser nav bar above and the horizontal line below since the padding value is on the parent. Does anybody have a simple solution for this? My site, running on 7.1 https://pelican-chiton-xwy4.squarespace.com/ Best, Xavier
-
Product carousel arrows get lost on mobile
xavier-cusso posted a question in Coding and Customization
Hello, The side arrows on my product carousel disappear for mobile resolution and I'd still like to keep them (see attached). Is there any way I could do that? Couldn't figure out how. My WIP product page (running on 7.1): https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Cheers, Xavier -
Mobile layout looking different in the editor than in URL
xavier-cusso replied to xavier-cusso's question in Coding and Customization
Yeah, asked a few and everybody's seeing 2 columns... Any idea of what could be happening @tuanphan? Cheers -
Mobile layout looking different in the editor than in URL
xavier-cusso replied to xavier-cusso's question in Coding and Customization
Hi @tuanphan I still see it two columns on my device (an iphone 6). 1 column in the editor. Still don't know what could be happening, could be something to do with setting the mobile media queries?
