Help su elenchi puntati (da niente a troppi!!)

  • nicfur

    (@nicfur)


    2 settimane, 5 giorni fa

    Salve a tutti e piacere di conoscervi.

    Innanzitutto informo che trovo utilissimo questo forum che aiuta a risolver tantissmi problemi a presone poco esperte come me, ma anche ai più bravi! Grazie davvero!

    Ne approfitto.

    Nel mio sito http://www.nicolafurcolo.it uso tema commerciale BeTheme. 

    Ho 2 problemi che ho difficoltà a risolvere:

    1) negli articoli non si vedevano i punti degli elenchi puntati. L’ho forzato con un codice CSS che ho trovato su forum… 

    in particolare il codice l’ho inserito attraverso una funzione del tema Custom CSS. Il codice inserito è questo:

    ——————

    !ul{
    list-style: unset !important;
    }

    ul {
    list-style: none;
    padding-left: 30px;
    }!

    —————

    Ora si vedono, ma mi mette punti ovunque, nei menù, sidebar, ecc. 

    2) lo spazio dopo un elenco puntato è troppo piccolo e sono costretto a dare invio.

    Sapreste come posso risolvere? 

    Grazie infinite

    La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • WebePc Gianluca Molina

    (@webepc)

    2 settimane, 4 giorni fa

    Ciao

    Per risolvere i due problemi:1.

    Eliminare i punti dagli elenchi non voluti (come nei menu e sidebar): Il codice che hai utilizzato aggiunge i punti a tutti gli elenchi (ul) del sito.

    Per evitare che ciò accada ovunque, puoi essere più specifico, applicando lo stile solo agli elenchi all’interno dei post del blog, ad esempio:

    .post ul { list-style: disc; padding-left: 30px; }

    In questo modo, solo gli elenchi all’interno dei post avranno i punti.2.

    Aumentare lo spazio dopo un elenco puntato: Puoi aggiungere un po’ di spazio con il seguente codice:

    ul { margin-bottom: 20px; /* Regola questo valore come preferisci */ }

    Questo codice aggiungerà uno spazio extra dopo ogni elenco puntato.

    Prova a inserire questi codici e fammi sapere se risolvi il problema!

    Chi ha creato la discussione nicfur

    (@nicfur)

    2 settimane, 4 giorni fa

    Ho provato a mettere tutto nella classe .post ul, ma non viene letto.
    Ho provato così:

    .post ul {
    list-style: unset !important;
    list-style: circle;
    padding-left: 30px;
    margin-bottom: 20px;
    }

    non capisco dove sbaglio…

    Grazie infinite

    Moderatore Gloria Liuni

    (@glorialchemica)

    2 settimane, 4 giorni fa

    Ciao @nicfur,
    se nel tema nei contenuti non vengono mostrati i puntini può dipendere dal tema o dall’editor che stai utilizzando. Controlla prima di tutto le impostazioni di questi due componenti.
    Qui trovi la documentazione del tema che stai usando.
    Per l’editor dei contenuti devi dirci tu quale usi.

    Se vuoi lavorare di CSS, secondo me è meglio se fai un po’ di pulizia nel tuo codice CSS e ripartire da zero.
    Se il punto di partenza è “negli articoli non si vedono i puntini” il codice da inserire nel tuo custom CSS è:

    .single ul {
    list-style-type: disc;
    }

    Se vuoi aumentare la distanza tra un elemento della lista e un altro il codice è:

    .single li {
    margin-bottom: 15px;
    }

    Puoi gestire la distanza fra gli elementi andando a modificare il numero di px nel valore della proprietà.

    Un saluto

Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Devi essere collegato per rispondere a questo topic.