Back to Top - not showing

Site URL: https://prism-seal-294l.squarespace.com/

@tuanphan

Hey I used your code from here: https://beaverhero.com/back-to-top-squarespace/

But it doesn't show on my site. 

Could you help me? 

P: Aine123

Thank you 

On 8/9/2021 at 5:53 PM, sophie.elizabeth said:

Site URL: https://prism-seal-294l.squarespace.com/

@tuanphan

Hey I used your code from here: https://beaverhero.com/back-to-top-squarespace/

But it doesn't show on my site. 

Could you help me? 

P: Aine123

Thank you 

 

 

Hi. I don't see the code on your site. Do you still need help on this?

Yes please! I had added it back but it does not show up

On 8/13/2021 at 10:44 PM, sophie.elizabeth said:

Yes please! I had added it back but it does not show up

Hi. I still don't see the code. Which plan do you use?

Currently on a trial but will be a business subscription, I put the code in custom CSS is this correct? 

On 8/17/2021 at 1:40 AM, sophie.elizabeth said:

Currently on a trial but will be a business subscription, I put the code in custom CSS is this correct? 

Add this to Settings > Advanced > Code Injection > Footer

<a href="#top" class="t-top"><span class="arrow"></span>Top</a>

and this in CUstom CSS

/* Back to Top */
.t-top {
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 2px;
    padding-top: 4px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    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;}

Thank you! I have a calendly button added to the site that its sitting behind, can you help me change the alignment so its in the middle please? 

On 8/23/2021 at 5:44 PM, sophie.elizabeth said:

Thank you! I have a calendly button added to the site that its sitting behind, can you help me change the alignment so its in the middle please? 

Don't remove any code in your current code.

Add this to Design > Custom CSS

.calendly-badge-widget {
    left: 50%;
    transform: translateX(-50%);
    right: unset;
}