Support » Plugin: Posts in Sidebar » Date and Title on the same line

  • Resolved mpcz

    (@mpcz)


    Hello Aldo,

    thank you very much for your great and very powerful plugin. May I ask you if it is possible to put the Post’s date and title on the same line.

    Something like this:

    ► 4.4.2021 – Title 1
    ► 5.4.2021 – Title 2

    I was playing with all the settings and options but was unable to achieve that.

    Thank you.

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

    (@aldolat)

    Hello @mpcz,

    thank you very much for your great and very powerful plugin.

    You’re welcome! I really appreciate your feedback. 🙂

    May I ask you if it is possible to put the Post’s date and title on the same line.

    Is your site online? I need to check the CSS in order to help you.
    Let me know, please.

    Thread Starter mpcz

    (@mpcz)

    Hello Aldo,

    thank you for your immediate reply. I am testing it on my test site at http://test.pina.cz/, in the sidebar there is the AKTUALITY widget generated by slightly modified News Widget Plugin. At bottom of the sidebar there is the same (News) category listed by your plugin.

    My regular site is at https://www.pina.cz but I haven’t installed your plugin there yet.

    Plugin Author Aldo Latino

    (@aldolat)

    You can use this CSS style:

    .pis-utility {
    	float:left;
    }
    
    .pis-utility:before {
    	content: "► ";
    }
    
    .pis-utility:after {
    	content: " - "
    }

    You can add these lines at the end of your style.css file or in the Style > Custom Styles panel of the widget of Posts in Sidebar.

    Thread Starter mpcz

    (@mpcz)

    Thank you Aldo. It works!
    I really appreciate your help.

    Plugin Author Aldo Latino

    (@aldolat)

    You’re welcome!

    Thread Starter mpcz

    (@mpcz)

    Hello Aldo,

    may I have one additional question please? How can I change margin/spacing between posts in the list? I did try to inspect CSS elements but had no luck.

    Thank you.

    Plugin Author Aldo Latino

    (@aldolat)

    If you open the test site I can take a look.

    Plugin Author Aldo Latino

    (@aldolat)

    Anyway, it should be something like:

    .pis-li {
      margin-bottom: 1em;
    }
    
    .pis-li:last-child {
      margin-bottom: 0;
    }

    Change 1em according to your needs.

    Let me know, please.

    Thread Starter mpcz

    (@mpcz)

    Test site is public again, you can take a look.

    Thank you.

    Plugin Author Aldo Latino

    (@aldolat)

    Here is the code:

    .widget-area .widget li.pis-li {
    	padding: 10px 0;
    }

    Change 10px according to your needs.

    Please, let me know.

    Thread Starter mpcz

    (@mpcz)

    Thank you Aldo, that was it, works like a charm. Thank you for your awesome support.

    Plugin Author Aldo Latino

    (@aldolat)

    🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.