Jump to content

Back to Top - not showing

Recommended Posts

  • Replies 7
  • Views 796
  • Created
  • Last Reply

Top Posters In This Topic

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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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? 

Screenshot 2021-08-23 at 11.44.39.png

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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