Changing the back to top arrow an image.

scott74

I am trying to use my own image for the back to top button but can't seem to figure out the CSS
This doesn't seem to work and did not see a way from the theme options to do it. Any help would be appreciated.

a#back_to_top.button.button_js {

    background-image: url(URL_Here);

}

Pablo

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

https://staging2.midstatecontractor.com/

Want to try and use this helmet for the back to top arrow up in the bottom right corner of site

https://snipboard.io/5RH2i3.jpg

https://staging2.midstatecontractor.com/assets/backtotop-midstate-min.png

Pablo

Please use this CSS code:

a#back_to_top.button.button_js, #popup_contact > a.button{
	background:url('pathtoimage') !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

Cool Thanks ..... Trying to remove the arrow now... assuming can add this to the above with a display none?  Just not sure where to add it in...  or if just do separate like this but did not know if that would affect another area of the theme if not targeting specifically in the footer area... Thanks for your help.

.icon-up-open-big

{display: none !important;}

Pablo

As I see, you figured it out already.

Do you need some further help?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

scott74

Should be good... Don't think that arrow up language is anywhere else on the site so should be alright... Get a little confused when stringing the whole path together with the commas and stuff when needed.. thank you