I love how accurate this plugin is, but I’d really like to style the CSS for the results, for I don’t like the way the results look.
First, they display in list style, but is it possible to display the results in one straight line (sort of like how LinkedWithin does)? If so, what would I need to add to my CSS style file?
If that’s not possible, could you please tell me how to style the CSS so that the text is at least centered with the thumbnail? Right now, the thumbnail is displayed and the text shows up at the bottom of it, which leaves a great deal of empty space. Thanks so much for your help with this.
To display list elements one after each other you can use CSS attribute display:inline; or float:left;. For displaying an element so that there is no other element next to it, for example forcing the text and image to be on separate rows, try display:block; or clear:both;. For centering the contents of an element go for text-align:center; and for centering an element itself use width:100%; margin:0 auto; (increase the zero if you need margin above and below the element). Combine these with the row-separators when needed.
For further options you might want to look at patches and instructions I’ve submitted to Top 10, a plugin with lots of similarities and from the same excellent author, Ajay. Included are for example an option to show the thumbnail after the title.
I don’t currently use Contextual Related Posts myself so I might not be able to help you further. I look forward to trying the next version when it comes out. If it suits my needs well enough to stick with it, I’ll likely find an answer to your question while tweaking it to best match our use case.
Viewing 1 replies (of 1 total)
The topic ‘[Plugin: Contextual Related Posts] Need help with CSS Styling of this plugin’ is closed to new replies.