Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Remove circle around Back Arrow without changing density to 'Compact'

  • 3 replies
  • 2 have this problem
  • 16 views
  • Last reply by Eli-

more options

I wish to change the Back Arrow to Compact Density's Back Arrow without actually using Compact Density, as shown in the images attached. How can this be done?

Thanks

I wish to change the Back Arrow to Compact Density's Back Arrow without actually using Compact Density, as shown in the images attached. How can this be done? Thanks
Attached screenshots

Chosen solution

The changes when compact mode isn't enabled are made via this CSS file.

You would have to override (unset) some rules via userChrome.css to remove the circle. You need to use the !important flag to override existing rules.

Read this answer in context 👍 1

All Replies (3)

more options

That would require using CSS changes to make those mods that you want. The default FF settings is what you get anything changes beyond that requires CSS codes to do so. I change some of my FF layout using CSS codes but that one should do homework into what they want changed before using CSS codes.

more options

Chosen Solution

The changes when compact mode isn't enabled are made via this CSS file.

You would have to override (unset) some rules via userChrome.css to remove the circle. You need to use the !important flag to override existing rules.

more options

This worked perfectly. I hadn't heard about userChrome.css, but userchrome.org showed it was quite simple. Adding the following sorted it for me, but it's not a perfect fix (the button is still actually circle, along with the shadows on hover). It looks fine to me, though. Sorry for the late response and thanks for the help!

root:not([uidensity=compact]) #back-button > .toolbarbutton-icon { background: inherit !important; border: none !important; }