Søg i 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

Stack firefox logo on top of wordmark on newtab page

more options

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?

Valgt løsning

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;
}
Læs dette svar i sammenhæng 👍 0

Alle svar (1)

more options

Valgt løsning

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;
}