Change color scroll to top anchor

121/5000
Hi, how can I adjust only the Scroll to top anchor color and icon, without it in the menu above changed?


I should be able to change the icon and the color. If I change the color, then the icon is also changed at the top of the menu.

I have tried: .x-scroll-top{color:black;} but don’t work

thank you

Hi there,

Please try this CSS code:

.x-scroll-top {
    border-color: #000;
    color: #000;
}

Hope this helps.

do not work :frowning:

Hi again,

Please change the previous code with the following code:

.x-scroll-top {
    border-color: #1da739 !important;
    color: #10ca8a !important;
}

Try adding it in child theme’s style.css file. Let us know how this goes!

do not work. i have added in the style.css from the apex cild theme pro and activatet

Hi again,

Thank you for the screenshot, please replace the previous code with the following code:

body .x-scroll-top {
    border-color: #1da739 !important;
    color: #10ca8a !important;
}

Let us know how this goes!

do not work

Hi There,

Please provide us with your website URL so we can take a closer look.

Thanks.

Summary

www.hotshape-ladies.ch

Hi There,

Please update the custom CSS to this:

body .x-scroll-top,
body .x-scroll-top i:before {
    border-color: #1da739 !important;
    color: #10ca8a !important;
}

Regards!

1 Like

cool! - so how can i change the icon for this scroll up anchor ? -

Hi There,

Please also add this custom CSS:

body .x-scroll-top i {
    line-height: 35px;
}
body .x-scroll-top i:before {
    content: "\f077";
    font-size: 22px;
    margin: 0;
}

Hope it helps :slight_smile:

1 Like

thank you!

You’re welcome.

body .x-scroll-top,
body .x-scroll-top i:before {
    border-color: #1da739 !important;
    color: #10ca8a !important;
}

Hi, after I change to this, the link to go up don’t work

ok i have check it, i think i have somthing wrong … i have delete the changes and the anchor do not work … =/

Hey @Stoffl,

I checked the source code of your site and I see invalid code in your HTML.

You also have a lot of custom CSS which might be causing the issue.

With that said, would you mind removing all your customizations and deactivate third party plugins while this issue is not solved? This is so we can check if the issue is coming from Pro and not third party factors.

Also give us WP Admin and FTP access in a Secure Note.

Thanks.

this (string(12) " powerpackpro" is for testing a debug modus for a autmatic update Custom theme Server

after removing the custom css - save and insert save - the anchor work … crazy - all parts are done! thank you!

You’re most welcome!

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