Putting h5 title next to the featured image

  • Resolved wpguillaume

    (@wpguillaume)


    4 years, 6 months ago

    Hello,

    Looks like a very nice plugin, and by the looks of these threads, a first-class support! Thank you. ??

    I’m experimenting with the layout on the link page. Beneath the “Agenda” (Calendar), you can see the “Posts in Sidebar” widget named “Articles épinglés”.

    I’d like the h5 title to be right to the featured image, just like in the calendar above.
    I tried adding
    .pis-title { display: inline;}
    but then the title of the following post in the list starts next to the previous image.

    Pleas let me know if this explanation isn’t clear enough. ??

    Thanks a lot!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter wpguillaume

    (@wpguillaume)

    Oh, also, in tablet view, the h5 titles from the “Posts in Sidebar” widget don’t look like the h5 titles from the Calendar anymore.

    By any chance, can some of the CSS “rules” of the Calendar be applied to the PIS widget? (I’m not sure that makes sense…)

    Thank you!

    Plugin Author Aldo Latino

    (@aldolat)

    Hello!
    These are the CSS rules for your theme:

    .pis-li {
    overflow: hidden;
    margin-bottom: 1em;
}

h5.pis-title {
    clear: none;
    font-size: 1em;
}

p.pis-thumbnail {
    float: left;
    max-width: 100px;
    margin-right: 10px;
    margin-bottom: 0;
}

.widget .pis-thumbnail-img {
    margin-bottom: 0;
    padding-bottom: 0;
}

    Let me know, if anything should be changed. ??

    Thread Starter wpguillaume

    (@wpguillaume)

    Great, thank you!

    One little thing: the space between the image and the title is more than 10px on two of the images. What gives? ??

    Plugin Author Aldo Latino

    (@aldolat)

    What gives?

    It’s the right margin of the image itself. Change the last CSS rule of my previous comment from this:

    .widget .pis-thumbnail-img {
    margin-bottom: 0;
    padding-bottom: 0;
}

    into this:

    .widget .pis-thumbnail-img {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-right: 0;
}

    Let me know, please.

    Thread Starter wpguillaume

    (@wpguillaume)

    Perfect, thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Putting h5 title next to the featured image’ is closed to new replies.