Ditty post ticker alignment of text

  • Hi,
    Loving the plugin, but as many I’m also am struggling with the custom CSS and layout of the plugin.
    I’m using the plugin to list posts which contain a single line of text and I added the featured image to that post. I now would like to have the same effect you use as demo of your plugin (list ticker example), so image aligned to the left and text on the right.
    I have been looking and trying many things, but I do not get the same result.
    What do you use in the example? Do you add the image in the post, or do you use the featured image?
    Please advice?

    Thanks!!
    Example link: https://www.chirapsia.be/publicaties-2/

    https://www.ads-software.com/plugins/ditty-news-ticker/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    You will need to use the featured image and make sure it is placed first on your list of assets. Then add the following custom CSS on to the News Tickers > Settings page:

    .mtphr-dnt-posts-thumb {
  display: block;
  float: left;
  margin-right: 20px;
}

    That should be all you need.

    Thread Starter frankv001

    (@frankv001)

    Hi,

    On my backup site, which should be an exact copy of the original, it works but not on my production site. So I’m sure it is a problem with my website.
    Thanks for your help!

    Plugin Author metaphorcreations

    (@metaphorcreations)

    Ok, I know what’s happening… I don’t include the .mtphr-dnt-posts-thumb class if there isn’t a link on the thumbnail (I need to fix this). So, you could either set the thumbnail to link to your post or adjust the css above to:

    .mtphr-dnt-post .wp-post-image {
  display: block;
  float: left;
  margin-right: 20px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Ditty post ticker alignment of text’ is closed to new replies.