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? #f91f09
<!--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: #f91f09; border:false; font-size:20px;", //String
scrollAndShow : true, //Boolean
scrollSpeed : 1000 //Number
});
if ($('div.wrapperChat').length)
$('div.wrapperChat')
.closest('#bx-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...
-
Hello, John!
-
#343a40 = rgb(52, 58, 64)
-
Thank you very much UNA Themes . Could you please re-post this so I can copy and paste?
-
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('#bx-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 --> -
Did you find a CSS file to edit? Because that color code (# f91f09) is not right! You need to look for # 343a40
-
Because you are editing the wrong file!
-
That explains why it doesn't work. Lol... Thanks.
-
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! -
You need to find the "Top" APP color code: rgb (52, 58, 64)
Replace this color code with the one you need! -
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;",
-
#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!
-
#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!
