Premessa: neppure io sono un "esperto", diciamo che la definizione più adatta sarebbe "smanettone".
Nell'attivarmi per risponderti ho riguardato la tua pagina web, e direi che hai già trovato la soluzione, giusto? Comunque sia, questa risposta potrebbe esserti utile in situazioni future, quindi te la do ugualmente.
Nel file altrivideo52.html alla riga 66 trovi questo tag:
<link href="style.css" rel="stylesheet">
Un tag di questo genere chiede al browser di "includere" il file indicato nella procedura di composizione della pagina, come se il suo contenuto fosse scritto per esteso al posto del tag stesso.
Più avanti nello stesso file, trovi questa serie di righe:
<div class="section_title">
<h2>Nuovi VIDEO</h2>
<p>
CF SYSTEM srl produce NASTRI TRASPORTATORI per ogni.. EDILVEYOR.
<br>Dapprima ci siamo dedicati alla conoscenza delle pec ... di trasportatore attuale.
</p>
</div>
Questa è la parte che riguarda la formattazione del titolo. Nota che l'intero titolo è racchiuso entro un blocco div di classe section_title. Ci sono alte probabilità che la definizione delle caratteristiche di formattazione da impiegare per quella classe div si trovino nel file style.css, per cui si prova a cercare in quel file.
Il file stile.css contiene una valanga di informazioni per la formattazione, che l'autore ha intelligentemente pensato di suddividere in sezioni per facilitarne la consultazione (grazie! non è da tutti). Con una facile ricerca, fortunosamente si trovano subito diverse definizioni che riguardano section_title, a partire dalla riga 47:
.section_title {
padding-top: 20px;
padding-bottom: 10px;
}
.section_title h2 {
text-transform: none;
text-align: center;
position: relative;
color: #333;
font-size: 30px;
font-weight: 400;
}
.section_title h2:after {
content: "";
position: absolute;
bottom: -20px;
width: 60px;
height: 1px;
background-color: #f39c12;
left: 50%;
margin-left: -30px;
}
.section_title p {
text-align: center;
margin-top: 45px;
color: #333;
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
Agendo qui puoi ottenere il risultato che cerchi e che, direi, hai già ottenuto.
Qualora si dovesse verificare la situazione che hai puntualizzato nella tua seconda domanda, ovvero che quelle definizioni agiscano anche in altri file .html che invece NON si vorrebbero modificare, mi vengono in mente due soluzioni:
1) creare un intero secondo file style_av52.css e modificare la riga 66 di Altrivideo52.html in questo modo:
<link href="style_av52.css" rel="stylesheet">
Col che la tua pagina Altrivideo52.html sarà l'unica ad applicare le modifiche (a meno che tu includa style_altrivideo52.css anche in altri file .html).
2) modificare il file style.css creando nuove classi personalizzate, ad esempio section_title_av52, da sostituire, nel file Altrivideo52.html, alle classi section_title che siano le uniche che intendi modificare.
.section_title {
padding-top: 20px;
padding-bottom: 10px;
}
.section_title h2 {
text-transform: none;
text-align: center;
position: relative;
color: #333;
font-size: 30px;
font-weight: 400;
}
.section_title_av52 {
padding-top: 200px;
padding-bottom: 100px;
}
.section_title_av52 h2 {
text-transform: uppercase;
text-align: left;
position: relative;
color: #fff;
font-size: 48px;
font-weight: 400;
}
.section_title h2:after {
content: "";
position: absolute;
bottom: -20px;
width: 60px;
height: 1px;
background-color: #f39c12;
left: 50%;
margin-left: -30px;
}
.section_title p {
text-align: center;
margin-top: 45px;
color: #333;
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
I nomi che ho scelto per le nuove classi e per il nuovo file sono del tutto indicativi, basta che non siano nomi già usati altrove.
ATTENZIONE! Sono un hobbista e l'affidabilità delle mie conoscenze informatiche è molto limitata. Non prendere come esempio il codice che scrivo, perché non ho alcuna formazione accademica e rischieresti di apprendere pratiche controproducenti.