Supporto » Aspetto = Temi » la funzionalità CSS Aggiuntivo del backend non ha effetto

  • Salve,
    come da titolo del topic non riesco a far funzionare del codice CSS che inserisco da back end in Aspetto ->Personalizza ->CSS Aggiuntivo.
    Più nello specifico, sto lavorando sul tema bakes and cackes. Nella home page dentro la sezione prodotti vorrei oscurare il prezzo e la valuta degli articoli visualizzati. Ecco lo snippet:

    <section class="featured" id="product">
                    
    <div class="container">
    
    <header class="header"><h1 class="main-title">I nostri prodotti</h1><p>Appena sfornati…</p>
    </header>			<ul class="featured-slider owl-carousel owl-loaded">
    							
    						<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 238px;"><div class="owl-item active" style="width: 237.5px;"><li>
    					<div class="img-holder">
    						<a href="http://localhost/lapetiliana/prodotto/torte/?customize_changeset_uuid=66f5e519-bfd7-424d-aa4d-6fae6db08a7d&customize_messenger_channel=preview-0" target="_self" rel="noopener noreferrer">
    						     <img src="http://localhost/lapetiliana/wp-content/uploads/2018/09/torta2-235x235.jpeg" alt="" width="235" height="235" />						</a>
    					 </div>
    					<div class="text-holder">
    						<a href="http://localhost/lapetiliana/prodotto/torte/?customize_changeset_uuid=66f5e519-bfd7-424d-aa4d-6fae6db08a7d&customize_messenger_channel=preview-0" target="_self" rel="noopener noreferrer"><strong class="name">Torte</strong></a>
    						<span class="price">
    						    <span class="woocommerce-Price-amount amount">0,00<span class="woocommerce-Price-currencySymbol">€</span></span>						</span>
    						
    					</div>
    				</li></div></div></div><div class="owl-nav disabled"><div class="owl-prev disabled">prev</div><div class="owl-next disabled">next</div></div><div class="owl-dots disabled"></div></ul>
    	</div>
                </section>

    ….
    la regola di stile che uso in CSS aggiuntivo è:
    section #product.price {display:none !important;}

    Ho provato anche
    section #product.price {display:none;}

    In nessuno dei casi il prezzo e la valauta dell’articolo vengono oscurati.
    Perchè ?
    Che soluzione posso adottare ?
    Mi potreste aiutare ?

    Ciao,
    Leonardo.

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Ciao @leonardo2,

    ti consiglio di inserire sempre i back-ticks (oppure la funzione code) per inserire codice direttamente nei topics altrimenti, come puoi notare, la formattazione del topic potrebbe risentirne 🙂

    Credo il codice CSS di cui hai bisogno sia:

    strong.name span.price {
      display: none;
    }

    Facci sapere.

    • Questa risposta è stata modificata 5 anni, 6 mesi fa da _Y_Power. Motivo: aggiunto selettore CSS più specifico

    <span class=”price”>

    Ciao, la classe price ha le virgolette sbagliate. Non so se è proprio così oppure un errore di copia incolla.
    Con le virgolette giuste “” funziona con questa regola di stile .price {display:none !important;}
    Comunque mi sembra che section #product.price {display:none;} non possa andare bene, perché #product è già ID di <section>, non serve richiamarli entrambi.

    • Questa risposta è stata modificata 5 anni, 6 mesi fa da luca21.
    Chi ha creato la discussione leonardo2

    (@leonardo2)

    Grazie a entrambi per la tempestività e professionalità.
    _Y_Power accetto di buon grado la tua indicazione. Userò la funzione code, ma devo capire come usarla ?

    Comunque problema risolto. Luca penso che hai azzeccato. Il problema era nel tipo di selettore che praticamente non riusciva a puntare nessun elemento perchè l’avevo costruito male. Nel modo in cui l’avevo scritto selezionavo un elemento interno al tag section che avesse contemporaneamete id product e classe price. Ma per come è scritto il codice questo elemento è insistente.

    Ho risolto reimpostando la regola CSS così:

    section .price {display:none }

    Ho lasciato il selettore section perchè la classe price è attributo di altri elementi esterni a section di cui non voglio nascondere la visibilità.
    Grazie,
    buona serata.

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Il topic ‘la funzionalità CSS Aggiuntivo del backend non ha effetto’ è chiuso a nuove risposte.