• Resolved ernstwg

    (@ernstwg)


    How can I make it that the posts get a kind of prefix with a little square? Look at the link provided, sidebar is on the right. Your posts are titled with ‘mehr aktuelle Beiträge‘. Below that there is a widget called ‘Empfehlungen’ with the style including the little square.

    Thank you, Wilhelm Grueter

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Aldo Latino

    (@aldolat)

    Hello Wilhelm,
    you can use this CSS:

    .pis-li {
    	list-style: square;
    	color: #e13;
    }

    Let me know, please.

    Plugin Author Aldo Latino

    (@aldolat)

    Wilhelm,
    disregard my previous comment and follow this one.

    I noticed some other improvements.

    1) Deactivate the option “Try to remove the bullets and the extra left space from the list elements” located in the panel Styles > Extras.

    2) Use this CSS (instead of the previous):

    ul.pis-ul {
    	margin-left: 1rem;
    }
    
    .pis-li {
    	list-style: square;
    	color: #e15;
    }

    Now it should be perfect!

    Let me know, please.

    Thread Starter ernstwg

    (@ernstwg)

    Thank you so much Aldo.

    Unfortunately it doesn’t work. Tried the 2 steps from you 2nd email. No change. Also with on/off for the tweak “Try to remove…” Notjimg

    Thank you. I mark it as resolved. Your plugin is great. I’ll keep it 🙂

    Plugin Author Aldo Latino

    (@aldolat)

    You’re welcome, Wilhelm!

    I see that you have a CSS file named nsp.css. At the end of the file there are these lines:

    // EWG, settings Posts in sidebar
    //ul.pis-ul {
    //        margin-left: 1rem;
    //}
    
    .pis-li {
            list-style: square;
            color: #e15;
    }

    When commenting parts of code in CSS, you must use something like /* This is a comment */, and not double slashes //.

    So use the following code and the result should be use as expected:

    /* EWG, settings Posts in sidebar */
    
    ul.pis-ul {
            margin-left: 1rem;
    }
    
    .pis-li {
            list-style: square;
            color: #e15;
    }

    Let me know. 🙂

    Thread Starter ernstwg

    (@ernstwg)

    Dear Aldo.

    Be so kind and have a look. Everything’s according to your recommendations I believe.

    Now the squares start directly at the left side. Can we move it a few px to the right that the look & feel is like the links below your posts in sidebar widget.

    Thank you, Ernst-Wilhelm

    Plugin Author Aldo Latino

    (@aldolat)

    Hello Ernst-Wilhelm,
    as I already wrote in my previous post, there is a comment in your file nsp.css written in a wrong form. Currently it is:

    // EWG, settings Posts in sidebar

    It must be in this form, instead:

    /* EWG, settings Posts in sidebar */

    Make this and all will be perfect.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘CSS list style’ is closed to new replies.