Topic Resolution: Resolved
  • Creator
    Topic
  • #29627

    St Wong
    Spectator
    Been thanked: 2 times

    Hi, I would like to change Back to Top Button Color so harmony with my page layout color, appreciate if any tricks!

Viewing 5 replies - 1 through 5 (of 5 total)
Replies
  • Daniel Jones
    Moderator
    Post count: 241
    Been thanked: 19 times
    #29628 |

    Hi Wong,

    You can use the following Custom CSS in Theme Options -> Custom CSS
    It will change the background color of the back to top button.

    #toTop {
    background-color: #c3293f !important;

    Change #c3293f to the hex color code that you require.

    Thank you.

    St Wong
    Spectator
    Post count: 11
    Been thanked: 2 times
    #29629 |

    Thank you for help, Denzel. By the way, I would like to know if this reversible, suppose back to default color, also Theme Options -> Custom CSS, and change custom color to #c3293f or there are other ways?

    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #29638 |

    Hi,

    By the way, that’s Daniel whom provided you with the custom css, not me.
    I am Denzel..

    By the way, I would like to know if this reversible, suppose back to default color

    You can remove your custom css to revert back to default color.

    Theme Options -> Custom CSS, and change custom color to #c3293f or there are other ways?

    I do not understand what you mean by any other ways. It’s only possible to change it’s color using custom css.
    You can use other color hex code. http://www.color-hex.com/

    Thank you.

    St Wong
    Spectator
    Post count: 11
    Been thanked: 2 times
    #29652 |

    Oh, sorry I mistook you two! I think you give out the answer, just remove it to revert back to default. Thanks for Hex Color information!

    1 user thanked author for this post.
    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #29659 |

    You are welcome.
    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.