Jump to content

Advolton

Member
  • Posts

    13
  • Joined

  • Last visited

Everything posted by Advolton

  1. This post currently isn't resolved. If anyone has any ideas on how to move the arrow further up the screen please let me know. Thanks. Huge thanks to @Wolfsilonthough for practically doing everything up-to this point, it's really appriciated, I've made huge progress because of this person!
  2. In CustomCSS type the following: .ProductItem-details-excerpt { color: #fff } Then see if that changes the color to white, hopefully fixing your issue.
  3. I just tried adding negative value (-) to all of the propertys that had a number, it didn't seem to move it at-all, isn't there any code or anything to just move it up a tiny bit? I literally just need the arrow to end on the black line before the gray of the second part? I'm sorry that I'm taking up so much of your time. I'll vouch you after this for your on-going problem solving, I know it's not easy and it's annoying, but I really am glad to have the support of an amazing community. Cheers.
  4. I can't figure out what to edit, here's the code: } .arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 5px solid #fff; border-right: 5px solid #fff; transform: rotate(45deg); margin: 10px; animation: animate 1.8s ease infinite; } @keyframes animate { 0%{ opacity: 0; transform: rotate(45deg) translate(-20px,-20px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(20px,20px); } } section[data-section-id="617705f2693a3a0bfb1abe17"] { min-height: 100% !important; .content-wrapper { padding-top: 0 !important; padding-bottom: 0vmax !important; } } What would I change to position it a little further up?
  5. Sorry I did that last code wrong, I've fixed it now, it seems to have worked thankfully! https://gyazo.com/7ddfc025a21b2a1187cf449b2e3c9496 The only problem I have now is that I would like the arrow moving up a slight little bit so that it ends on the black bit, going onto the gray section. Do you have any idea how to nudge the arrow a little more up, I've tried editing the margins and everything and it doesn't seem to move it anymore, soon as it's a little more up, it should be perfect. Thanks for all the help you've given me, I'm honestly really thankful!
  6. Here's the latest - https://gyazo.com/c9edffabe55e2a489b5196b8a23e5738
  7. https://gyazo.com/5b237199980df00126a68e83defb182b It also seems to work setting them both to 0 now for some reason? It's in the right position and takes away a large gap from before, but there's still a big space between the sections, I would like it to be right below the loading bouncer ideally...
  8. So, it seems to have worked by changing the "padding-bottom" to 300-500 instead of 8. It's positioned correctly as shown here: https://gyazo.com/3bafd0399b9aa850795a09c72b6f953e That's kind of where I'd like it to be, sort of, maybe a little higher, but now it's caused a really big space between my next element.. such as this: https://gyazo.com/71df7dfed7ddc98ffe51629ce60c0efd and it goes down for quite a while.. I'm not really sure on how to keep it in that position, but then also have the section after it right below the loading bouncer. Any ideas?
  9. I added the code you sent, please see here: https://gyazo.com/9856603e10030602462252fbf5422dce It didn't seem to do anything though? It's still bouncing in the same place. Might I add, I do really, really appriciate you trying to help me with my code, I'm very grateful, thank you Wolfsilon. Mike.
  10. Hi, Thanks for the fast response to my thread, however, the text on the about page is in a list, and therefore I can't add a section to add code, only edit the list items. Any ideas what I can do to resolve this?
  11. Site URL: http://mikeyscriven.com Hello, I was looking to hopefully get some help with my Squarespace website, recently, I added a bouncing code icon using "Codeblock" and Custom CSS, however, as seen here: https://mikeyscriven.com/about the loading icon bounces between the 2 sections of my website where the background changes from black to gray. I would ideally like a way of adding that loading icon in the middle of the 2 sections (between the black and gray sections). I've tried multiple times to make this happen, sadly, I'm not great at coding and can't figure out how to make this possible. So please post some code below for me to try if you know anything. Thanks.
  12. Anyone able to help with this?
  13. Site URL: http://mikeyscriven.com Hello, fellow squarespace users. My name is Mike and I'm looking for some support with my squarespace website, I have done a lot of the CSS myself using previous forum posts I've found on here, and plugins from other sites, but theres one problem I'm having that I can't figure out myself, despite trying a LOT of times, or find anywhere mentioned on here. Essentially, I have a custom GIF overlay for my headings on my portfolio pages, sadly, on my store page, my product title is also h1, and so it adds that GIF overlay too. I would ideally like to find someway of changing it from h1 to h2. I think the code is h1.ProductItem-details-title (something or other), but I have absolutely no idea how to work around this? Any ideas? Please let me know, Michael.
×
×
  • 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.