Jump to content

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

  1. Does anyone have a solution to this? I am encountering the same problem, the record is not working for the host field.
  2. @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
  3. 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.
  4. 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:
  5. 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.
  6. @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!
  7. 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...
  8. 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 🤙🏼
  9. @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
  10. @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 😵‍💫
  11. 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!
  12. 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.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.