I don't know about css but this preference may do what you want. You will have to create it as a number and give it the number 1. ui.prefersReducedMotion

I can't make out from the video what you mean, but you can look at this CSS file to see what rules are applied.

• https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css

removed

I added these and it works, though my 'x' tab button is centered now haha

My question how do i hide these globe icons from my bookmarks toolbar? See image https://i.postimg.cc/wxhgVzQZ/2.png

1. personal-bookmarks .bookmark-item[container="true"] .toolbarbutton-icon {

display:none!important;

}

.tab-icon-stack { display: none !important; }

vbox.tab-label-container { display: none !important; }

So i've hidden the tab icon and folder icons... how do i also hide the globe icons within the bookmark folders?

While my post is still being approved for some reason, here is what i want to hide now (see image, highlighted in red) https://postimg.cc/F1sMr2qV

here's my css so far

1. personal-bookmarks .bookmark-item[container="true"] .toolbarbutton-icon {

display:none!important;

}

.tab-icon-stack { display: none !important; }

vbox.tab-label-container { display: none !important; }

.tabbrowser-tab .tab-loading-burst {

 display: none !important;

}