Sì, di solito puoi affidarti alla specificità all’interno del CSS. Se non hai familiarità con il CSS, la cosa si riduce a questo: se hai una serie di stili che mirano allo stesso elemento, vincerà lo stile più specifico.
<div class="custom-container">
<a class="custom-link">link qui</a>
</div>
Quindi, ciò che dovresti cercare è capire se l’elemento (o un elemento genitore) nel componente che stai cercando di modificare ha una classe unica da qualche parte… qualcosa come:
Dall’esempio sopra, o .custom-link o, se non c’è una classe diretta sull’elemento, sfruttando il genitore come .custom-container a. Se il componente ha lo stile definito originariamente come .custom-link, puoi assicurarti che venga sovrascritto mirando in modo più specifico a a.custom-link.
Se non c’è una classe unica da qualche parte nel componente, dovresti anche poter utilizzare il contenitore dell’uscita del plugin. Quando un’uscita del plugin viene utilizzata in una personalizzazione, viene aggiunta una classe personalizzata al contenitore. Riprendendo l’esempio della formattazione di un link, potrebbe assomigliare a qualcosa come .above-site-header-outlet.brand-header a, dove “brand-header” è il nome del modello aggiunto dal componente.
Nel caso peggiore, puoi anche chiedere alla persona che ha creato il componente di aggiungere una classe se non riesci a trovare un modo semplice per formattare ciò di cui hai bisogno.
Se è difficile da seguire, fornire un esempio specifico dal componente che stai cercando di formattare sarebbe d’aiuto.