I want to change the style of bottom corner GO TO TOP icon and size, Please tell me how to do this.
This is my current style.
https://cyberthana.com/wp-content/uploads/2018/05/Not-Feet.png
I want to add something like this
https://cyberthana.com/wp-content/uploads/2018/05/helicoptetre.png
So please tell me how can i edit this Button.
Hello TechieBraj,
Sorry, you should try using such a custom CSS code if you want to make this change. As a hint, you should find an icon, load into your Media Library and then use the code below and place it in Theme panel -> Custom CSS area.
.td-icon-menu-up:before {
content:'';
background: url("http://localhost/test/wp-content/uploads/tdm_pic_5.jpg");
background-size: 40px 40px; background-repeat: no-repeat;
position: absolute;
}
Hope this helps!
Thanks.
Hi Catalin
After adding this code to custom CSS area like below
https://cyberthana.com/wp-content/uploads/2018/05/custom-css.png
My website menu up icon looking like this
https://cyberthana.com/wp-content/uploads/2018/05/afterCSS.png
And even yellow round box icon is totally disappeared and not showing in the mobile version of the theme after adding this CSS code.
https://cyberthana.com/wp-content/uploads/2018/05/MobileUP.png
https://cyberthana.com/wp-content/uploads/2018/05/Backtotop.png
This is my My CSS code IMAGE URL that i have used.
I have also tried png, jpg, and gif image file format for this image but still not working.
Hello TechieBraj,
Remove the above code from Theme panel and use the below one and check the results ->
.td-scroll-up {
background-image: url(https://cyberthana.com/wp-content/uploads/2018/05/Backtotop.png)!important;
background-size: 40px 40px;
background-color:transparent;
}
.td-icon-menu-up:before {
display:none;
}
The result is here -> https://www.screencast.com/t/VzJWimMP
Thanks.
