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?
Chosen solution
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;
}
Read this answer in context
👍 0
All Replies (1)
Chosen Solution
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;
}