Navigation
Archive / Changing colour of "scroll up" button
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 17, 2016 at 7:05 am #1219259
    Jeypolitan
    Participant

    Hi there!

    I would like to change the colour of the “scroll up” button that I have on my website.
    Currently, it’s a very light (barely visible) grey. When hovering, it becomes darker.

    I would like for it to be a darker grey, and when hovering, it becomes a slightly lighter grey.
    Which CSS do I use to make this happen?

    All the best
    Jennifer

    October 17, 2016 at 7:05 am #1219261
    Jeypolitan
    Participant
    This reply has been marked as private.
    October 17, 2016 at 7:46 am #1219294
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

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

    Hope it helps 🙂

    October 17, 2016 at 3:52 pm #1219872
    Jeypolitan
    Participant

    Thank you, that worked quite nice 🙂
    Is there a way to change the background of the button please, so it’s light grey rather than just white?
    Such as the attached screenshot.

    Best,
    Jennifer

    October 17, 2016 at 6:06 pm #1219982
    Jade
    Moderator

    Hi there,

    Please add this code:

    .x-scroll-top.right {
    background-color: #ccc;
    color: #fff;
}

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1219259 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>