搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

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?

被選擇的解決方法

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)

more options

選擇的解決方法

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