Supporto » Aspetto = Temi » Tema Shop Elite

  • Risolto bimmer525d

    (@bimmer525d)


    Ciao a tutti, sto effettuando dei test in locale per poi trasferire tutto sullo spazio web. In poche parole ho installato il tema Shop Elite (che tra quelli gratuiti tra gli ecommerce era tra i più carini) come base di partenza.

    Utilizzo il plugin di woocommerce ma dall’ispezione della pagina non riesco a trovare in nessun modo il colore del background degli articoli.

    Sostanzialmente in home ho il logo nell’header, il menu sullo slide superiore e subito sotto ho l’articolo “Hello World” che carica sopra un bruttissimo sfondo di colore nero. Io lì vorrei editare intanto il colore (se possibile ci piazzo delle immagini in slide) ma non trovo in nessun punto del css quella porzione di sito. Sono andato a vedere anche nel template content-page, content, content-none……style.css……. nulla! Mi aiutate per favore?

    subito dopo il div del site-content abbiamo questo:

    ::before::
    <section class="slider-area ">
                            <div class="saga-slider slick-initialized slick-slider">
                                                                <div aria-live="polite" class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 1147px;" role="listbox"><div class="item slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 1147px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;">
                                        <div class="img-fill data-bg" data-background="">
                                            <div class="slider-text overlay text-left">
                                                <div class="tb">
                                                    <div class="tbc">
                                                        <div class="container">
                                                            <div class="row">
                                                                <div class="col-sm-12 col-md-10">
                                                                    <h1>Hello world!</h1>
                                                                    <div class="hidden-xs">
                                                                        <p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
                                                                    </div>
                                                                    <a href="http://localhost/wordpress/2019/07/03/hello-world/" class="main-btn main-btn-primary" tabindex="0">Scopri di più...</a>                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div></div></div>
                                                        </div>
                        </section>
Stai vedendo 4 repliche - dal 1 al 4 (di 4 totali)
  • Ciao @bimmer525d ,
    mi sembra che il colore di background sia attribuito al div con classe “img-fill data-bg”.

    Per avere lo sfondo di un (bruttino) colore giallo che ho usato come esempio,
    vai in Bacheca, Aspetto, Personalizza, CSS Aggiuntivo e incolli e salvi questa stringa:
    .img-fill.data-bg{background:yellow !important; background-color:yellow !important;}

    Da notare che futuri aggiornamenti non dovrebbero sovrascrivere l’impostazione.

    bimmer525d

    (@bimmer525d)

    infatti per fare le prove uso toni forti e vedo cosa cambia. comunque ho risolto in altre maniere, sempre da css aggiuntivo 😉 è uscita una cosa davvero carina, impostato uno sfondo a sfumare di 300 px in altezza e poi tutto riempito con il colore più scuro (sfuma dal più scuro in alto (che riprende la navbar) al più chiaro (che riprende il body del sito)

    impostato uno sfondo a sfumare di 300 px in altezza e …

    Hai fatto con i gradienti CSS?

    no, ho usato un’immagine 4000x300px con 3 gradazioni di colore ma non sfumati.

    tipo 180px di altezza per un grigio topo, 90px per un grigio chiaro e 30px per un grigio chiarissimo. allineato in basso a sx e riempito (in base allo schermo) la parte alta vuota senza immagine del box di anteprima articolo del grigio topo. In modo da riprendere in alto con la navbar scura, mentre in basso riprende il bianco del contenuto

    ___________________________________

    Grigio topo
    ___________________________________

    Grigio più chiaro
    ___________________________________

    Grigio quasi bianco
    ___________________________________

Stai vedendo 4 repliche - dal 1 al 4 (di 4 totali)
  • Devi essere collegato per rispondere a questo topic.