Visualizzazione risultati 1 fino 7 di 7

Discussione: Ridurre spazio bianco fra i box della sidebar

  1. #1
    marcodepisapia non è connesso Utente giovane
    Data registrazione
    09-07-2012
    Messaggi
    36

    Predefinito Ridurre spazio bianco fra i box della sidebar

    Ciao a tutti,
    vorrei avvicinare fra loro i box della sidebar, riducendo lo spazio bianco.
    Ho inserito dei widget AltervistaImmagine nella sidebar di destra, vorrei ridurre lo spazio che li separa.
    Come posso fare?

    Grazie in anticipo

    Marco

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,681

    Predefinito

    Potresti farlo con del CSS Personalizzato (da Aspetto), inserendo ad esempio:
    Codice:
    #secondary .widget {margin-bottom: 10px}
    Puoi personalizzare il valore come desideri; normalmente è a 35px, nell'esempio è 10px ma puoi impostare la distanza come meglio desideri.

    Ciao!

  3. #3
    marcodepisapia non è connesso Utente giovane
    Data registrazione
    09-07-2012
    Messaggi
    36

    Predefinito

    Grazie della risposta :-)
    Se volessi cambiare la spaziatura solo per una specifica immagine della sidebar e non per tutti gli elementi della sidebar?

    Per esempio cambiare il margin-bottom per il seguente elemento:

    <aside id="av_image_widget-22" class="widget widget-altervista-image">
    <div class="widget-altervista-profile">
    <a target="_blank" href="https://mdpsito.altervista.org/marcodepisapia-wally-premium/"><img src="https://www.marcodepisapia.com/wp-content/uploads/2019/06/Wally_Sidebar.jpg"></a> </div>
    </aside>

    Potrebbe andare il seguente codice del CSS personalizzato?
    #av_image_widget-22 .widget {margin-bottom: 10px}

    Grazie in anticipo

    Marco

  4. #4
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,681

    Predefinito

    Citazione Originalmente inviato da marcodepisapia Visualizza messaggio
    Potrebbe andare il seguente codice del CSS personalizzato?
    #av_image_widget-22 .widget {margin-bottom: 10px}
    Certo, ma potresti specificare anche solamente l'id:
    Codice:
    #av_image_widget-22{margin-bottom: 10px}
    Se non funziona fammi sapere.

    Ciao!

  5. #5
    marcodepisapia non è connesso Utente giovane
    Data registrazione
    09-07-2012
    Messaggi
    36

    Predefinito

    Ciao,

    il tuo codice non funziona.
    Se inserisco il codice seguente riesco ad ottenere il risultato voluto:

    #av_image_widget-22 > div > a > img {margin-bottom: 0px}

    Non saprei perché.

    Grazie

    Marco

  6. #6
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,681

    Predefinito

    Ok, hai ridotto il margin all'immagine. Quindi direi comunque che hai risolto, giusto?

    Ciao!

  7. #7
    marcodepisapia non è connesso Utente giovane
    Data registrazione
    09-07-2012
    Messaggi
    36

    Predefinito

    Si risolto, grazie :)

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •