Scroll top anchor css and js

Support
#1

Hello,

I have tried to add the css and js posted in several other threads but nothing is working on my site.
new.enhancementsbyann.com

screen shot attached
credentials to follow in message

Just trying to change the look of the scroll top anchor. It’s too light and faint.
Please see screen shot for more info.

#2

Hello @janequade,

Thanks for writing in! :slight_smile:

Please replace the CSS you have right now in X > Theme Options > CSS to this code.

.x-icon-angle-up {
     color: #eee !important;
}
.x-scroll-top {
     border: 2px solid #eee !important;
}

Then change #eee to any color that suits you. E.g. #f00

Hope it helps.

#3

Thank you.
It helped slightly but I would like it bigger and to add “scroll to top” text to it.

#4

Hi there,

Please try this:

.x-scroll-top.right:before {
    content: "Scroll to Top";
}

.x-scroll-top {
    width: auto;
    padding: 4px 10px;
    height: auto;
}

Hope this helps.

#5

Thanks.
Should I add this css or use this css to replace the existing css.

#6

Hello @janequade,

Thanks for updating thread. :slight_smile:

You should add both the CSS because code shared by @jumar with change the color. On the other hand CSS given by @Jade will change the text. Kindly add both the codes under X > Theme Options > CSS.

Let me know if that answers your question.

Thanks.

#7

Hello there,

For your convenience, I have optimized and updated the CSS code in your Global CSS.

I’ve also added a JS code that changed your link title to Scroll to Top.

Hope that helps.

#8

Thank you so much Jumar. I appreciate the help.
I was getting a bit confused.

Jane

#9

You’re welcome, Jane.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.