BlayneG87

Hi! My client currently has two Squarespace subscriptions. One is with her old site, one is with her new site. Her old site domain already re-routes to her new site domain. If she cancels her subscription to her old site, will her old site domain still connect to her new site? Thanks!

Thanks @Ziggy I will give this a try!

Hi there! My client requested that I change the Instagram logo to look like the original Instagram logo icon color....is that possible? I've done a lot of googling and there are lots of ways to change the logo color but it will still be solid. They want Instagram to look like Instagram. Any help is appreciated! Thanks!

Thank you so much @tuanphan!

Hi @tuanphan I'm referring to the horizontal sticky navigation that's on each page. I attached photo in my first post but here is another example from the About Us page: In fact, "Commitment to Equity" turns blue but none of the other links and I can't figure out why! Thanks!

Hi @tuanphan - there are these types of links all over the site, About Us, Impact, Services, and more. The site is live now at https://www.lincolnfamilies.org/

Hi, http://pelican-mayflower-36wy.squarespace.com site password: Lincoln22 I am trying to change the color of my text link on hover from red to blue for the individual page navigation: This is the code I'm using: p a { text-decoration: none!important; } p a:hover { font-weight: bold; color: #5fb6e4!important; } It does change to bold when I hover but it does not change to blue. Any recommendations? Thank you!!

@tuanphan Thank you! That did the trick!

@tuanphan [data-section-id="639563b857455553dfe1e6a7"] { box-shadow: 0 3px 20px rgba(0,0,0,0.08); min-height: 0 !important; position: sticky !important; -webkit-position: sticky !important; top: 0; z-index: 999; }

Hello! I recently added a code to this site to get the horizontal menu on each page to be sticky when scrolling. It's on the About Pages, Impact Pages, and Services Pages. When I check it, it does not stick, I've heard from a few others it works. Just looking for some more feedback! https://pelican-mayflower-36wy.squarespace.com/ Password: Lincoln22 Thank you!

@creedon Just checked and my chrome is up to date. 🙂

@creedon thanks for checking and letting me know it works for you as well. I'm on macOS/chrome as well. I tried incognito and still wasn't able to see the section sticking. Maybe it's some glitch in Squarespace? Not sure why I would be unable to see it but it works for others who are not actively editing in the program.

@paul2009 so weird! That is not happening for me. I even tried clearing my cache & cookies and restarting my browser. Just curious what browser you are using? https://www.loom.com/share/ab40727ff75d4b27ad1bfae3b73338e6

Hello! I've tried just about every sticky code I could find to get this section to stick but nothing has been working and I can't figure out why. https://pelican-mayflower-36wy.squarespace.com Password: Lincoln22 On the "About Us" section, I'd like the 3rd section with the horizontal text box to stick when scrolling (these will be anchor links for each section down the page eventually). This is the current code using the section id: [data-section-id="638be36f99d1a11c19df1661"] { position: sticky; top: 0px; position: -webkit-sticky; z-index: 9999; } I've tried adding !important, I've tried using the text block id, I even tried adding a div code to identify the block, I just can't seem to get it to stick. Any help would be appreciated! Thank you! Blayne

Hi @Ziggy I was wondering if you would be able to help me once again? My client has asked that I now eliminate the sidebar and make the text horizontal at top of the section. I have tried applying the same principals for the sidebar, but I just can't seem to get my section to stick. I've tried both creating a separate section and just targeting the text block id and nothing seems to be working. Is there something different I should be doing? Here is the code I'm using now: //sticky horizontal nav [data-section-id="638be36f99d1a11c19df1661"] { min-height: 0 !important; position: sticky !important; -webkit-position: sticky !important; top: 0; z-index: 999; } [data-section-id="638be36f99d1a11c19df1661"] .content-wrapper { padding-top: 20px !important; padding-bottom: 20px !important; } [data-section-id="638be36f99d1a11c19df1661"] .html-block { padding-bottom: 0 !important; text-align: center; } [data-section-id="638be36f99d1a11c19df1661"] .html-block p { display: inline-block; margin: 0 20px; } I'm making updates on the "About Us' page of the website. Thanks!

Amazing! That did the trick. Thank you @Ziggy!

Hi @tuanphan, This is the full CSS: //sidebar #block-yui_3_17_2_1_1652426977679_38936 { .sidebar { position:relative; background:#7B7D81; min-height:calc(150vh-150px); padding-top:100px; padding-bottom: 100px; @media @mobile{ height:auto; padding:20px; border-radius:3px; } h4{ color:#fff !important; z-index:999; position:relative; } ul{ position:relative; padding:0; list-style:none; li{ margin:5px 0; a{ font-weight:500; transition: all ease-in-out 150ms !important; -webkit-transition: all ease-in-out 150ms !important; -moz-transition: all ease-in-out 150ms !important; -ms-transition: all ease-in-out 150ms !important; color:#fff; &:hover{ color:#FDD505; font-weight:600; i{ opacity:0.5; } } } } } &:before{ position:absolute; content:''; width:200%; height:150%; background:#7B7D81; top:-20%; right:0; @media @mobile{ display:none; } } } }

@Ziggy Thank you! I got my text block to stick but it sticks on the 3rd line item "Partnerships" instead of at the top "Topics". Any ideas why it would do that? Appreciate the help!

Hi, I'd like my text box on my side bar to be fixed as I scroll. I feel a little silly asking this since I've seen soo many results when I search this in Squarespace forum, however, I've tried almost all of them and I can't seem to get my text box to stick. Any suggestions? https://pelican-mayflower-36wy.squarespace.com Password: Lincoln22 Page I set up is on the "Impact" page. I was using my Squarespace ID finder and selecting the #block-id of the text for the CSS but maybe that's not the correct way? Any help would be greatly appreciated! Thank you! Blayne

https://pelican-mayflower-36wy.squarespace.com/ Password: Lincoln22 Hi! I'm taking over a site that had some existing code. There are certain pages that have sidebar navigation. Each page the side bar is either too short, or overlapping the footer. The client would like the sidebar to be the same height as the section. Starting at the top, and ending at the footer. I've tried a few different code adjustments and can't seem to find one that works. Is there a way to stop the sidebar at the footer or fix the height for each section? You can see from the photo how the sidebar overlaps the footer. Thanks!! Blayne

@Beyondspace yes! This looks very similar to what I'm looking for. Thanks for the tip, I will give this a shot!

Hello! I'd like to go from this: https://lincolnfamilies.org/about/history (which has a vertical timeline of the company history) To this: https://zff.org/about-us/ which has a historical timeline when you click on each year, the images section scroll horizontally. Is there an easy way to achieve this with Squarespace features that will require minimal coding? Thanks so much! Blayne

Oh my gosh, that was so easy...I thought I was going to have to do some complicated code! Had no idea that was an option, thank you @Ziggy!

https://daytonhillel.squarespace.com/ site password: daytonhillel Hi there! I love using the List Items section but I don't need a button on ALL of them, just some of them. Is there a way to delete the button on just some of the list items but not all? In my About > Classrooms section, I have Faculty listed with a button under each photo for news about each classroom. However, some of the teachers don't require the button because they are support teachers who don't lead their own classrooms. Thank you!

@bangank36 This worked! Thank you!