Stack firefox logo on top of wordmark on newtab page
I am trying to stack the firefox logo on top of the wordmark on the newtab page. I've tried doing using "display: block;" in my userContent.css, but it doesn't work. I'm not super good at CSS, so any ideas?
I am trying to stack the firefox logo on top of the wordmark on the newtab page.
I've tried doing using "display: block;" in my userContent.css, but it doesn't work.
I'm not super good at CSS, so any ideas?
被采纳的解决方案
Try this:
/*** Firefox Home / New tab ***/
/* Position Logo and Text Brand above-below Fx96 */
.search-wrapper .logo-and-wordmark {
flex-direction: column !important;
}
/* Reduce Height of Text Brand to actual image height Fx96 */
.search-wrapper .logo-and-wordmark .wordmark {
height: 42px !important;
}
定位到答案原位置
👍 0
所有回复 (1)
选择的解决方案
Try this:
/*** Firefox Home / New tab ***/
/* Position Logo and Text Brand above-below Fx96 */
.search-wrapper .logo-and-wordmark {
flex-direction: column !important;
}
/* Reduce Height of Text Brand to actual image height Fx96 */
.search-wrapper .logo-and-wordmark .wordmark {
height: 42px !important;
}