添加 CSS 以更改字體大小

Question

在此頁面上： https://www.nycofficesuites.com/new/offices/ ，我想更改頂部紅色欄上的字體大小（上面寫着“辦公空間”）。 我已經輸入了這個代碼，但它不起作用。

.page-title h1 {
font-size: 35px !important;
} 

謝謝！

Answer 1

如果您無法更新現有規則，您的新規則將需要出現在現有規則之后，因為它們都被標記為“!important”。

現有規則顯示在“custom.css”中：

.page-title h1 {
    font-size: 46px !important;
    font-weight: normal;
}

Answer 2

在 custom.css 你有，

.page-title h1 {
  font-size: 46px !important;
  font-weight: normal;
}

編輯該文件或在 custom.css 之后添加/加載您的覆蓋 css（加載順序很重要，最后一個被考慮）。

旁注：盡量避免使用!important 。

Answer 3

如果這是您正在處理的事情，您可以將其聲明為內聯。

<h1 style="font-size: 35px !important;">Office Space</h1>

或者

.header {
font-size:35px;
font-weight:bold;
font-family: 'Pontano Sans', Arial, sans-serif;
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}

<span class="header">Office Space</span>

Answer 4

剛剛想通了，謝謝大家的幫助。 編寫主題的人將其放在名為 custom.css.php 的文件中。 所以這覆蓋了我輸入 CSS 的地方。 （這是一個 Wordpress 網站。）