xavier-cusso

Site URL: https://pelican-chiton-xwy4.squarespace.com/shop Hello, There seems to be an issue with Firefox not showing my Product's hover states (image is not showing on hover). Is there any way I could disable hover states for Firefox only? Thanks, Xavier

Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, My PDP dropdown changes its width depending on the selected variant (attaching a screen recording). https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic What CSS's could help me prevent that so the dropdown would always be the same length no matter how long the variant text is? Thanks, Xavier Screen Recording 2020-05-05 at 10.42.20.mov

I'm using a custom sans serif font for my design but I'd be fine without for the dropdown. The browser's sans serif default font would be enough (as Chrome does) but Firefox uses a serif instead that I'd like to change to either my custom font or a Helvetica / Arial. Any chance to do that @tuanphan?

Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, I'd like to use a sans-serif font on my PDP dropdown but Firefox seems to be using a serif typeface by default (see attached). Is there any chance I could change that? Thanks

Site URL: https://pelican-chiton-xwy4.squarespace.com/ Hello, I'm using buttons with a 1px border and is giving me trouble as some of the sides are disappearing at certain resolutions (see attached). I guess it might have to do with the browser (in this case Chrome) not rendering the pixel accurately. Is there any way to avoid this by happening any chance? Thanks, Xavier

Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, I can't figure how to change the font-size on my ¨Related Products¨ title on my PDP's (called YOU MIGHT ALSO LIKE). https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic I mean, I can do that by tweaking the CSS's from the Inspector but change doesn't take place on my site when adding it to "Design > Custom CSS". Is there any way I could make this title behave as an h4 instead of and h2? Perhaps by adding some "code injection / html"? Or any other workaround? I would like this title to be 18px font size. Thanks! Xavier

Site URL: https://pelican-chiton-xwy4.squarespace.com/blog/apocapoc-chef-interview Hello, I'm working on Blog pages using custom CSS's and I'd like to target some of the elements I've created by "class" instead of having to do it by targeting "#blocknumbers", since the latest keep on changing on every new Blog page forcing me to update the CSS's everytime I create a new one. For example, if I want to target specifically the latest image on the page I can only seem to do it by using its #blocknumber, because if I use "img.thumb-image.loaded" it affects a bunch more images where I don't want any change to be applied. Any tips on how could I target a specific element on the Blog page, like a single image or paragraph, without having to use its #blocknumber? Thanks!

Site URL: https://pelican-chiton-xwy4.squarespace.com/blog/esferica-vision-cities-sustainability Hello, I've created 3 blog posts at the moment and I'd like to do a few adjustments that'd affect them globally instead of having to keep adding specific "#block numbers" to each section's page individually. For example, I'd like to add a "margin-bottom" to the first image (attached) so it doesn't overlap with the text below. I can of course do it targeting #block-2ebecb79d07fed4c41d9 but this wouldn't apply to the other 2 pages since the #blocknumbers keep on changing for each page. I would like my client being able to add a new Blog post with having to worry about the layout getting messed up across devices. Is there any way that I can make adjustments globally to all pages?? Thanks! Xavier

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

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