dudecctv

Site URL: https://howtousepsychedelics.com/team How can I add individual social media icons to each team member under their profile? I want to show their photo, bio and then a few icons underneath for their contact information such as email, twitter, linkedin... Ridiculous that squarespace doesn't allow you to do that.

Site URL: https://www.howtousepsychedelics.com Hi, I would love some feedback on our website. We're a group of academics trying to promote safe and effective use of psychedelics for healing and growth. Any feedback is welcome, thank you.

Site URL: https://www.howtousepsychedelics.com Hi, I've been using this code to remove hyperlinks underline throughout my website and today, without changing any code, hyperlinks have reappeared. Why? a { border: none !important; }

<div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 20px; z-index: 100; text-decoration: none; text-shadow: 0; width: 13px; height: 13px; border-bottom: 2px solid red; border-right: 2px solid red; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style> I'm using this code for my arrow, but it isn't centred in the middle of the webpage. It deviated slightly to the right. Also, is it possible to make the arrow clickable to go to the next block on the page? Thanks

Site URL: https://howtousepsychedelics.com Hi, I would like to have a sidebar as seen on this website: https://coopcreator.ca/resource/business-model-comparison/. I would like the sidebar on only some pages... the pages with sidebars (see: https://howtousepsychedelics.com/preparation). How do I add a sticky sidebar to pages on 7.1? Thanks

Site URL: https://howtousepsychedelics.com I want to use tooltips to further define words. So, when users hover over a word, a tooltip box shows up and a definition of that word is in that box. Is this possible? If so, how? Thank you

Site URL: https://howtousepsychedelics.com I would like to use Amazon One Link on my store, but, I'm not sure how on the squarespace end. I've done everything on the Amazon end. Thank you.

Thank you! Second one worked!

Thank you, but, it didn't work! There is still the missing fading on the words.

Site URL: https://howtousepsychedelics.com So, with some help from people here and the internet, I've managed to animate the header menu items when hovering on each item, including the drop down menu. The animation is a simple fade, but, it really adds to the experience. Anyways, the fade hover animation works perfectly on every single page of the website, EXCEPT the home page. On the home page, there is no fade hover animation. Can someone help me solve this issue? So far, the code I've used include: CSS //Header Font Size .header-nav-item a { font-size:18px !important; } //Stylized Folder Dropdown Menu .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { line-height: 1.6; } //Fix Header for Hover Effect .tweak-transparent-header:not(.header--menu-open) .header-announcement-bar-wrapper.black .header-nav-wrapper a:hover { opacity: .4 } //DropDownMenu Fading .header .header-nav .header-nav-item--folder .header-nav-folder-content { transition: ease-in-out 0.5s; } Thank you for your help and input! Take care.

The spacing between the titles in my drop down menu is too small. I've already made the drop down menu transparent, and now I would like to add a bit more space between the drop down menu items. How can I do this? Thank you