xavier-cusso
Member-
Content Count
33 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
xavier-cusso started following Change SOLD OUT label placement (7.1), Disabling image hover states on Firefox, Making dropdown box always the same length and 7 others
-
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
-
xavier-cusso reacted to a question: [Share] Squarespace 7.1 CSS ID List
-
Making dropdown box always the same length
xavier-cusso posted a question in Coding and Customization
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 -
Firefox changing font family on dropdown
xavier-cusso replied to xavier-cusso's question in Coding and Customization
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
-
xavier-cusso reacted to an answer to a question: Changing the ¨Related Products¨ font size
-
Changing the ¨Related Products¨ font size
xavier-cusso replied to xavier-cusso's question in Coding and Customization
-
Changing the ¨Related Products¨ font size
xavier-cusso posted a question in Coding and Customization
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 -
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
-
How can I edit blog pages' custom CSS' globally?
xavier-cusso posted a question in Coding and Customization
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. -
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
-
SimonOCarrigan reacted to a question: Product carousel arrows get lost on mobile
-
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!
-
xavier-cusso reacted to an answer to a question: Change product image on hover (7.1)
-
xavier-cusso reacted to an answer to a question: Image hover state
-
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
-
xavier-cusso reacted to an answer to a question: Changing SOLD OUT label to COMING SOON
-
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