sastavangogh

Hi @tuanphan! I am trying to achieve a similar effect with a separate social link block, I have a personal plan as well so I tried this code but I need to use it for my Behance and Vimeo accounts - how can I include the social icons for these two platforms?

Amazing, thank you that really worked!! Is there any way I can remove the word "Top" and just have it just be the arrow for the scroll up?

Hi @tuanphan! The centre-alignment helped, but now there is a lot of empty space under the footer that I cannot seem to get rid of. I had changed the position property of the text to relative to get the placement correct, perhaps that has created an issue? Sharing code below: <a href="#top" class="t-top"><span class="arrow"></span>Top</a> <style> .t-top { font-weight: 300; letter-spacing: 3px; font-size: 14px; text-transform: none; text-align: center; line-height: 1.6; padding-left: 4px; padding-top: 4px; position: relative; bottom: 10px; height: 10px; z-index: 999; background-color: transparent; color: #000; } .t-top .arrow:before { font-family: 'squarespace-ui-font'; font-style: normal; font-weight: 300; font-size: 20px; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e02d"; text-align: center; display: block; vertical-align: middle; transform: rotate(-90deg); cursor: pointer; margin-left: -4px; } .t-top .arrow {display:inline; } </style> In order to fix this, I am looking to reduce the footer height by half at least (without moving the centre aligned position of the 'back to top' button) I dont mind removing the text altogether and only keeping the arrow scrolling back to the top of the page, would that help the situation? Please help me figure this out, I have tried all possible codes I've found across on similar threads but none seem to help 😕 PW tester

Amazing, this solved my issue!! Thanks 🙂

Could you help me fix this glitch please @tuanphan? Thanks so much

Thanks for the code! I followed all the steps you mentioned above. However, the black background applies to the full body of text too, thus making it invisible. It only needs to apply to just the anchor link text, how can I fix that please? Screenshot attached.

Hi this works for the LTR transition when I change the background to black! But the text colour wont change to white even when I add "color: #ffffff!important;"? How can I bring the text on top of the black background in the colour white (on hover)?

Yeah sure! Its on the homepage, right under the opening slideshow - I want to add a couple more anchor links in this section once the LTR transition works. Screenshot attached for reference. PW tester

Hi I am still looking for an answer to this, if anyone could help me out with the CSS for this that would be really great. Thanks!

Hi! Could you please share how you fixed the anchor links on mobile view? I have the exact same issue with my homepage anchor links!

@bangank36, hi - wanted to check with you if you could help me out with this? Any help would be appreciated, thanks!

Hi, I tried a similar code and it works! But the problem is that the footer's overall height increases a lot when I put this code. Any chance I can avoid/fix the height of the footer to normal?

Hi @tuanphanit is a little to the right if you look closely, any way to center it to the screen properly? I've attached a screenshot for better clarity.

Hi @tuanphan, thanks for helping me out with the scroll down indicator a couple months ago (and since!). But I've just come to realise that the arrow is not center aligned on mobile. I've tried numerous codes from similarly answered questions on the forum, but none have seemed to work. Would you know how to center align the indicator on mobile devices as well? Thanks. PW tester

Hey the password is tester. Thanks!