Jump to content

A1Protocol

Member
  • Posts

    73
  • Joined

  • Last visited

3 Followers

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

A1Protocol's Achievements

  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!
×
×
  • 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.