•  · 36 friends

Top button "color"

Hello, I'm having a little trouble trying to change the background color of my return to top button. Can someone help me out with the correct code to get this color working?  

 <!--Top button -->
<script src="./topbutton/jquery-1.11.3.min.js"></script>
<script src="./topbutton/topbutton.min.js"></script>
<script>
$(document).ready(function(){
//Top Button
$.topbutton({
htlm : "<i>Top</i>", //String
css : "width:50px; height:50px; background color: ; border:false; font-size:20px;", //String
scrollAndShow : true, //Boolean
scrollSpeed : 1000 //Number
});

if ($('div.wrapperChat').length)
$('div.wrapperChat')
.closest('-content-container')
.parent()
.css('height', 'calc( 100vh - 9rem )');

});
</script>
<style>
.bx-tl-post .bx-form-value .bx-form-input-wrapper-textarea {
overflow: unset;
}
</style>
<!--End Top Button -->

Thank you in advance...

💓0 😆0 😲0 😥0 😠0 0
  • 739
  • More
Replies (12)
    • Hello, John!

      image_transcoder.php?o=bx_froala_image&h=4210&dpx=1&t=1604177600

      💓0 😆0 😲0 😥0 😠0 0
      • #343a40 = rgb(52, 58, 64)

        💓0 😆0 😲0 😥0 😠0 0
        • Thank you very much UNA Themes  . Could you please re-post this so I can copy and paste?

          💓0 😆0 😲0 😥0 😠0 0
          • I entered the above but didn't change it.

            <!--Top button -->
            <script src="./topbutton/jquery-1.11.3.min.js"></script>
            <script src="./topbutton/topbutton.min.js"></script>
            <script>
            $(document).ready(function(){
            //Top Button
            $.topbutton({
            htlm : "<i>Top</i>", //String
            css : "width:50px; height:50px; background color: #343a40 = rgb(52, 58, 64); border:false; font-size:20px;", //String
            scrollAndShow : true, //Boolean
            scrollSpeed : 1000 //Number
            });

            if ($('div.wrapperChat').length)
            $('div.wrapperChat')
            .closest('-content-container')
            .parent()
            .css('height', 'calc( 100vh - 9rem )');

            });
            </script>
            <style>
            .bx-tl-post .bx-form-value .bx-form-input-wrapper-textarea {
            overflow: unset;
            }
            </style>
            <!--End Top Button -->

            💓0 😆0 😲0 😥0 😠0 0
            • Did you find a CSS file to edit? Because that color code (# f91f09) is not right! You need to look for # 343a40

              💓0 😆0 😲0 😥0 😠0 0
              • Because you are editing the wrong file!

                💓0 😆0 😲0 😥0 😠0 0
                • That explains why it doesn't work. Lol... Thanks.

                  💓0 😆0 😲0 😥0 😠0 0
                  • What are you doing? :)
                    # 343a40 = rgb (52, 58, 64) <- with this we wanted to show that by converting Hex to RGB.. we get the right code to look for! It doesn't have to be put anywhere!

                    💓0 😆0 😲0 😥0 😠0 0
                    • You need to find the "Top" APP color code: rgb (52, 58, 64)
                      Replace this color code with the one you need!

                      💓0 😆0 😲0 😥0 😠0 0
                      • I thought I was changing the background color of the top button but it's looking like I messed up the intire thing now.  Not sure what should be in it's place now.

                        css : "width:50px; height:50px; background color: #343a40 = rgb(52, 58, 64); border:false; font-size:20px;",

                        💓0 😆0 😲0 😥0 😠0 0
                        • #343a40 = rgb(52, 58, 64) <- It doesn't have to be put anywhere!!!

                          Only:  #343a40 or rgb(52, 58, 64) 

                          In your case .. the required color code!

                          💓0 😆0 😲0 😥0 😠0 0
                          • #343a40 = rgb(52, 58, 64) <- It doesn't have to be put anywhere!!!

                            Only:  #343a40 or rgb(52, 58, 64) 

                            In your case .. the required color code! 

                            💓0 😆0 😲0 😥0 😠0 0
                            Not logged in users can't 'Comments Post'.
                            5
                            8
                            Added:
                            Category:

                            UNA - Network Infrastructure for Communities

                            Close