Changing the back to top arrow an image.

scott74 · November 2019

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 · November 2019

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

scott74 · November 2019

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 · November 2019

Please use this CSS code:

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

Thanks

scott74 · November 2019

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 · November 2019

As I see, you figured it out already.

Do you need some further help?

Thanks

scott74 · November 2019

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

Changing the back to top arrow an image.

Comments

This website uses cookies