Cambiare Font ad una sezione specifica del CSS

di il
1 risposte

Cambiare Font ad una sezione specifica del CSS

Buongiorno! 

Premetto che sono acerba sulla programmazione in generale e sto aiutando una amica con un codice CSS di un sito online dove lei ha creato dei ticket. Avremo bisogno di un consiglio nella sezione del testo del messaggio dove appunto vorremmo cambiare il font. il codice CSS della sezione è div.ticket-messaggio (l'ultimo):

div.pagina_ticket{
   width: 80%;
   margin: auto;
   display: flex;
   flex-direction: column;
}

.ticket-form-apertura{
   height: 500px;
   overflow: auto;
   width: 790px;
   margin-left: 5px;
   text-align: center;
   margin: auto;
}

div.ticket-row {

   padding: 10px;
   margin:auto;
   text-align: left;
   background-color: #103040;
   color:whitesmoke;
   margin-bottom: 3px;

}

div.ticket-titolo{
   display: flex;
   justify-content: space-between;
   padding: 10px;
   background-color: rgb(21, 6, 44);
   color: black;
}

/*
* Visualizzazione di Dettaglio del ticket
*/

div.ticket-dettaglio-intestazione {

   background:rgb(21, 6, 44);
   color: whitesmoke;

   padding: 20px;
   display: grid;
   grid-template-columns: auto auto auto auto;
   grid-template-rows: 60px;
}

section.dettaglio-ticket-container {
   max-height: 500px;
   overflow:auto;
   margin-bottom: 20px;
}

div.ticket-section {
   width: 100%;
   padding: 10px;
   background-color: rgb(21, 6, 44);

}

div.ticket-label, summary.ticket-label{
   font-size: 14px;
   color: #cccc00;
   font-weight: bold;
}

div.ticket-left {
   float: left;
}

div.ticket-right {
   float: right;
}

div.ticket-messaggio {
   border: 1px solid whitesmoke;
   padding: 20px;
   width: 75%;
   text-align: justify;
}

ma se aggiungiamo il codice di font all'interno della sezione div.ticket-messaggio cambia il font di tutto il sito perchè è un div unico.

Ho provato ad aggiungere al php il codice #descrizione nel <style type="text/css"> ma non riusciamo a capire come collegarlo nel CSS.

<?php include("../../../includes/required.php"); ?>

<div class="ticket-form-apertura">
   <header><h2> Apri un Nuovo Ticket</h2></header>

   <form action="main.php?page=servizi_ticket" method="post">
       <div class="form_label">Titolo</div>
       <div class="form_field"> <input type="text" name="titolo" required /></div>

       <div class="form_label">Categoria</div>
       <div class="form_field">
           <select name="categoria">
               <?php
               foreach ($PARAMETERS['ticket'] as $gruppo => $v) {
                   echo '<optgroup label="' . $gruppo . '">';
                   foreach ($PARAMETERS['ticket'][$gruppo] as $categoria) {
                       echo '<option value="' . $categoria . '_' . $gruppo . '">' . $categoria . '</option>';
                   }
                   echo '</optgroup>';
               }
               ?>
           </select>
       </div>

       <div class="form_label">Testo</div>
       <div class="form_field">
           <textarea id="textNuovo" name="descrizione" rows="5" cols="10" required></textarea>
           <style type="text/css">
           #descrizione {
font-family: "Times", Times;
}
</style>
       </div>
       
       <input type="submit" value="Invia" name="apri" />
       <input type="hidden" value="insert" name="op" />
   </form>
</div>

Come si può collegare al CSS?? 
Grazie

1 Risposte

  • Re: Cambiare Font ad una sezione specifica del CSS

    26/09/2024 - Nayra 20 ha scritto:


    ma se aggiungiamo il codice di font all'interno della sezione div.ticket-messaggio cambia il font di tutto il sito perchè è un div unico.

    Non mi è chiara questa cosa: devi aggiungere la proprietà relativa al font da utilizzare alla classe CSS che è applicata nell'HTML/PHP all'elemento che deve ricevere quel font.

    Se si applica a tutto il sito, significa che c'è qualche altro tipo di errore.

    26/09/2024 - Nayra 20 ha scritto:


    Ho provato ad aggiungere al php il codice #descrizione nel <style type="text/css"> ma non riusciamo a capire come collegarlo nel CSS.

    Non devi mettere lo stile nel punto in cui vuoi utilizzarlo, ma inserire la clausola nel foglio di stile separato, associando la formattazione che vuoi a un elemento, a un ID o a una classe CSS.

    Non sono cose avanzate, ma molto basilari e - anche per una persona che non è esperta - si imparano in 10 minuti leggendo qualunque guida rapida ai CSS, tipo questa.

Devi accedere o registrarti per scrivere nel forum
1 risposte