Post after thumbnail; tightening of header space and caps

  • Resolved Pip Pea

    (@nina-postans)


    10 years, 3 months ago

    Hello.

    LOVE this plugin. I’ve searched high and low for something like this and it’s very thorough.

    I am having a little trouble updating my CSS file. I’m a novice at this so please bear with me 🙂

    I saw the previous post on Display thumbnail before post title and copy/pasted the code to the widget text area. It doesn’t work however.

    The other questions I would love assistance on are:
    1) How can I tighten the space between sentences in the title?
    2) How can I caps the post title?
    3) How can I centre the post title?
    4) I do not wish to have a title for the widget – how can I title the space before the first post?

    Thank you so much 🙂

    ps my site is pipandpea.com

    http://wordpress.org/plugins/posts-in-sidebar/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Pip Pea

    (@nina-postans)

    10 years, 3 months ago

    PS I’m working with PHP 5.4

    Plugin Author Aldo Latino

    (@aldolat)

    10 years, 3 months ago

    Hello,
    I just visited your site and I didn’t find any “Posts in Sidebar” widget.

    Have you found a solution?
    Sorry for the delay: my free time during the day is always limited.

    Let me know, please.

    Thread Starter Pip Pea

    (@nina-postans)

    10 years, 3 months ago

    Hi – I’m sorry, it’s live again!

    Thank you.

    Plugin Author Aldo Latino

    (@aldolat)

    10 years, 3 months ago

    Displaying the image before the title is an option that I would to add, so stay tuned for the next version.

    About your questions, copye and paste the following lines of code into the widget CSS area, “Custom Styles”.

    1-2-3) The first three questions are resolved by these lines of CSS code:

    body p.pis-title {
  line-height: 1.4em;
  text-transform: uppercase;
  text-align: center;
}

    Change 1.4em to the value you like.

    4) To reduce the space before the first widget, use:

    .side-widget ul.pis-ul {
  margin-top: -30px;
}

    Change -30px to the value you like.

    Let me know.

    Thread Starter Pip Pea

    (@nina-postans)

    10 years, 3 months ago

    Thread Starter Pip Pea

    (@nina-postans)

    10 years, 3 months ago

    Thank you for getting back to me so quickly. You are so thorough and so helpful!

    It worked – spacing is perfect but I wanted to know, what’s the shortcode to add a little faint border around an image?

    This is hands down the most awesome plugin we’ve used so far. Thank you.

    Plugin Author Aldo Latino

    (@aldolat)

    10 years, 3 months ago

    You can add a border using:

    img.pis-thumbnail-img {
  border: 5px solid #eee;
}

    Change 5px for the width of the border, and #eee for the color (here you can find a large number of colors).

    Thread Starter Pip Pea

    (@nina-postans)

    10 years, 3 months ago

    THANK YOU very much again!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Post after thumbnail; tightening of header space and caps’ is closed to new replies.