Thumbnail Margin on Post Level

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Ajay

    (@ajay)

    9 years, 7 months ago

    Hi,

    Thank you for the kind words.

    Looking at the layout you have, have you considered using the inbuilt styles that I have with the plugin? Check “Custom styles”

    Looking at the code, I noticed a .entry-content img margins are overriding the ones for .tptn_thumb

    img.tptn_thumb might make a difference. Could you try this in your code.

    Another alternative is to use:

    .tptn_thumb {
  float: left;
  margin: 5px !important;
}

    Thread Starter guyewhite

    (@guyewhite)

    9 years, 7 months ago

    GREAT. We’re getting closer.

    Why is one bullet ridding into another on the bottom of page:

    http://www.guyewhite.com/3-wishes-students/

    You’ll notice that one of the photos is deciding to ride into the excerpt of another. How do I get one on each line? Each get’s it’s own space?

    Thank you.

    Plugin Author Ajay

    (@ajay)

    9 years, 7 months ago

    Could you add this to the CSS file:

    .tptn_posts li {
  clear: both;
}
    Thread Starter guyewhite

    (@guyewhite)

    9 years, 7 months ago

    FIXED. Last one now is the one on the sidebar. When we make the window smaller, the sidebar goes to the bottom of the page and we lose the bullets again. Why?

    If you go to http://www.guyewhite.com and make the window smaller and browse to the bottom of the page, you’ll see what I mean.

    This is it. After this, it’s resolved. Thank you Ajay!

    You can also see a screenshot here:

    http://www.guyewhite.com/wp-content/uploads/2014/09/ScreenShot2.png

    Plugin Author Ajay

    (@ajay)

    9 years, 7 months ago

    I’m not sure if this code will help, but can you try it?

    .tptn_posts li {
  clear: both;
  display: block;
}

    or

    .tptn_posts li {
  clear: both;
  width: 100%;
}

    Thread Starter guyewhite

    (@guyewhite)

    9 years, 7 months ago

    This is now resolved.

    In the end, it appears that the theme I am using is overriding many of the CSS styles that I was attempting to implement. An easy fix was to use the CSS styles include in your plugin, but as I wanted to customize, I had to make some changes.

    For me, the fix was to remove the use of “UL LI” altogether and simply utilize a table with rows as a way of creating a list of content.

    I just sent you a donation via your plugin for your assistance. Thank you so much. The final CSS I utilized was…

    .tptn_thumb {
  float: left;
  margin: 5px !important;
}

.tptn_link {
  font-weight: 900 !important;;
  font-size: 16px !important;
  line-height: 20px !important;
}

.tptn_excerpt {
  font-size: 16px !important;
  line-height: 20px !important;
}

    And the code for Custom HTML List was:

    HTML to display before the list of posts:

    <table width="100%" border="0"><tbody>

    HTML to display before each list item:

    <tr><td>

    HTML to display after each list item:

    </td></tr>

    HTML to display after the list of posts:

    </tbody></table>

    Thank you so much for your time.

    Plugin Author Ajay

    (@ajay)

    9 years, 7 months ago

    Thank you for the update, donation and the code!

    It is indeed a different implementation with the use of tables.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Thumbnail Margin on Post Level’ is closed to new replies.