MariaFY
Circle Member-
Posts
91 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
MariaFY's Achievements
-
SVG logo appears only when Custom CSS is open
MariaFY replied to Katie88's topic in Customize with code
@tuanphan this worked for me, however svg are still not showing up on mobile. Is there a specific fix to that? My site is upgraded to a plan and I'm using the full URL in the CSS box. www.studio-beni.com -
Hey guys, I could use some help with a scroll animation. my site: https://studiobeni.squarespace.com/ pw: maria I'm trying to slightly spin the ball graphic on my site, below is the code I used, I see that the animation is applying but not on scroll. /**Initial State**/ .sqs-block-image:has([src*='ball']) { transition:3s; } /**Animate State**/ .animate.sqs-block-image:has([src*='ball']) { animation: spin 3s; } // keyframes @keyframes spin { 0% { transform: rotate(-0deg); } 50% { transform: rotate(90deg); } 100% { transform: rotate(180deg); } } https://regrocery.co/ is the inspiration (scroll down to the section with the egg graphic to see the slight spin). I appreciate some pointers as I'm new to scroll animations.
- 2 replies
-
- javascript
- css
-
(and 1 more)
Tagged with:
-
Transparent background code not working anymore
MariaFY replied to MariaFY's topic in Customize with code
Thanks a lot @tuanphan -
MariaFY reacted to a post in a topic: Transparent background code not working anymore
-
Transparent background code not working anymore
MariaFY replied to MariaFY's topic in Customize with code
Thank you @tuanphan, this works but the background overlay color changes from dark brown to a light color. What could cause this? After inserting the code it looks like this: this is how it looked before: -
tuanphan reacted to a post in a topic: Adjusting font weight with CSS doesn't work
-
Hi guys, I launched this site for a client last year and the code I used on most pages to create a transparent background to be able to see the video looping in the back doesn't seem to work anymore. Here's the code I used on the homepage. Basically, the first section contains the video background is is sticky, the next section has a transparent background and scrolls over. Website: https://www.adamtabura.com //homepage section[data-section-id="62831f28f35bd842f0d4b03f"] { position: sticky !important; top: 0px; } section[data-section-id="6282ec0605378468086aaf30"] { background-color: transparent !important; top: -75vh; .section-background { background-color: transparent !important; } } Not sure if FE updates interfere with the code. I haven't done any changes to the site, it just suddenly stopped working. Thank you for any pointers.
-
Adjusting font weight with CSS doesn't work
MariaFY replied to MariaFY's topic in Customize with code
@tuanphan Thanks! It was selected for buttons and miscelleaneous before but at a different font weight. Adjusting the font weight to 400 did the job. Thanks a lot! -
MariaFY reacted to a post in a topic: Adjusting font weight with CSS doesn't work
-
MariaFY reacted to a post in a topic: Add sticky text block with fluid engine
-
Adjusting font weight with CSS doesn't work
MariaFY replied to MariaFY's topic in Customize with code
Hi @Ziggy, I set h4 to be Ubuntu Mono font. h1, h2, h3 are Orpheus Pro and I have that set to 500 font-weight in the site styles panel. My custom CSS for h4 is as follows: h4 { font-family:'Ubuntu Mono' !important; text-transform: uppercase; letter-spacing: 0.15em; line-height: 0em; margin-bottom: -12px!important; font-weight: 400!important; } It looks like everything applies except for the font-weight... -
site: https://hmna.squarespace.com pw: macadamia Hi there, I adjusted my h4 font-weight to 400 using CSS (that's the small tagline above my headings). It does only apply when I go to the Site Styles panel, otherwise the code doesn't work and it appears bolder (font weight 500 instead of 400) . Any ideas of a work around are appreciated 🤙🏼
-
Add sticky text block with fluid engine
MariaFY replied to semigrownkid's topic in Customize with code
@tuanphan Do you know how I could get the first section to stick to the top (heading + graphic) and the blog below scrolling through while the heading stays? I tried the code in this thread but can't seem to identify the correct ID or class selector. Thanks for you help if you have a minute. site: https://hmna.squarespace.com/news pw: macadamia- 11 replies
-
- text
- fluid engine
-
(and 1 more)
Tagged with:
-
Thank you @tuanphan, that worked!
-
tuanphan reacted to a post in a topic: Header logo & and header border overlap
-
@creedon URL is https://hmna.squarespace.com/news pw: macadamia Just trying to get the heading and graphic to stick when scrolling up and the summary block scrolling through below 🤙🏼 Jeez, does anybody actually like FE so far 😵💫
-
Hey guys, I think the position: sticky; changed with fluid engine. I'm trying to stick the headline (news+ong image) to the top and then let the summary blog below scroll up below it. Any pointers on how to accomplish this? Site PW: macadamia TIA!
-
Hi there, Site PW: macadamia I'm looking for a way to change the color of the email field description in the footer of my site that says "Email Address" to white (above the line, can hardly see it). Some code must overwrite this and I can't seem to find a way to target the element. Thanks for any pointers.