Jump to content

A1Protocol

Member
  • Posts

    73
  • Joined

  • Last visited

Everything posted by A1Protocol

  1. Hey tuanphan! Following up on this. I'll soon try it again. Can we add an option to skip to those intros? Thank you.
  2. Thank you so much Ziggy! You are my savior!
  3. That's perfect! Thank you so much. Will upvote. Any idea on how to get rid of those bottoms navigators as well? Thank you again.
  4. Hey Ziggy! I apologize, I put my website in when posting but it didn't appear. https://www.thesoaresprotocol.com/ And I just wanted to space the menu links out a bit more to let it breathe but not too much. But maybe resizing alone will suffice? Thank you!
  5. Hi everyone! I am currently redesigning my website and I am trying to style my mobile navigation menu through custom CSS. https://www.thesoaresprotocol.com/ I would like to reduce the size of the font and space it out more properly. I hid my desktop menu links with a custom CSS code I found, just so you know. The password to access it is bringtemplatesback (yes, because 7.1 sucks). Thank you for your help! PS: I'm also trying to remove the original templates navigation links on the bottom, any idea?:
  6. Hey there! So I am preparing a landing page within my current website. I used an amazing code provided by tuanphan to customize my homepage menu (icons for an accordion block) and tweaked it so it would only apply to the homepage's accordion block. Here: https://www.thesoaresprotocol.com/ The issue now is that I would like to use custom icons for this new landing page's accordion blocks as well (2 of them), different icons on a different page. The slug is: https://www.thesoaresprotocol.com/americaisazoo Here is the code I injected in Design>Custom CSS /* Accordion icons before titles */ .homepage li.accordion-item .accordion-item__title:before { content: ""; width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: bottom center; } li.accordion-item:nth-child(1) .accordion-item__title:before { background-image: url(https://i.ibb.co/vhMVb5q/chinese.png); } li.accordion-item:nth-child(2) .accordion-item__title:before { background-image: url(https://i.ibb.co/Vv3v3kP/chinese-1.png); } li.accordion-item:nth-child(3) .accordion-item__title:before { background-image: url(https://i.ibb.co/GT4ZBX1/electricity.png); } li.accordion-item:nth-child(4) .accordion-item__title:before { background-image: url(https://i.ibb.co/dB4ZkQp/chinese-new-year.png); } How could I customize the accordion blocks on this page as well? Thank you for your help!
  7. Thank you! Also question Tuan. Is there a way to add an option to skip?
  8. Thank you for transferring my topic. I did not see that in my email updates. I reported it to customer service as well. Glad the CSS code is not the cause.
  9. Good morning! Website: https://www.thesoaresprotocol.com/ I recently used a CSS code I found on here to create a splash screen before my homepage. Everything went well yesterday and there were no display issues. But today I noticed my header background turned white and my footer disappeared even though it still appears in my dashboard. I tried to reverse the header to the original color (a salmon pink) and it appears at first in the dashboard but once I save it it still appears as white on the visitors' side and the footer disappeared as well. Any ideas of what went wrong? Here is the code I used (I removed it for now and I still have the same issues). <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 600px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; background-image: url("https://s4.gifyu.com/images/gifcde42ed456e782a8.gif"); } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(8000).fadeOut("slow"); }) </script> Thank you.
  10. Any ideas? Thank you again for all the help you provide to us! I used this for now: But It does not work for a 4K file with sound. Thank you in advance for your help.
  11. Hey! I can also get a .GIF file but I'd prefer using a 4K source given my line of business. Thank you in advance!
  12. Website: https://www.thesoaresprotocol.com/ Hi there! I recently uploaded my logo in my footer but it has a slight gray background color to it even though the source file is a transparent PNG. I would like for this logo to be fully integrated in my footer with no background color. I tried to check my styles but couldn't find an option. I also tried different shapes and original and same thing. Is there an option somewhere? Thank you!
  13. Website: https://www.thesoaresprotocol.com/ Hi there! I am trying to find a way to place a 4K logo animation video prior to my visitors reaching the homepage. An autoplay with no embedded frame and no additional visuals. Something minimalist and filling the entire screen. Is there a code block I could use? And if yes, where should I upload my 4K file? Thank you in advance.
  14. Site URL: https://www.thesoaresprotocol.com/ Hey there! So I was checking on my website today and noticed that my navigation block on the bottom is no longer the same color as the rest of my background. I tried to go to site styles but there is no option to change this specific block. It was blending in a week ago, however. I attached an image for clarification. It's like that on every page that has this navigation block. Thank you for your help.
  15. Actually, I found a filter in the image editor and I like the outcome. Thank you!
  16. I was not aware you could change those parameters through Design Styles, thank you so much! I was able to center the text but... ...I tried the CSS code for the overlay color and now it is white instead. I checked my image, it's still a transparent PNG.
  17. Site URL: https://www.thesoaresprotocol.com/ Hi everyone! So I have a logo and a copyright disclaimer in my footer. I explored a few options and found the best way to implement those was to use a postcard image block. Only thing is: 1. There is this weird background in the image block. You can see the differences in color and I'm using a transparent PNG logo. I'd like to remove that background color because it will hurt the users' eyes and confuse them. 2. On mobile view, the disclaimer (which is part of the image title block) is not centered right. Is there a way to fix that as well? Thank you for your assistance!
  18. Bumping. Please let me know if you have any questions. Thank you!
×
×
  • 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.