Customize desktop and phone version

  • Hello team!

    First of all, congratulations for this awesome plugin. I’ve been trying many relatedposts plugins and none has the accuracy of this to choose the right related posts (and also all the thumnails work flawlessly, which is not common either). So congratulations and THANK YOU for creating such an useful tool.

    Said this, I wanted to ask you two questions:

    1) Is there a way to center the related content? <center></center> doesn’t work, neither the css options you have in the pinned post of this support forum. In desktop looks good, but for phone devices I’d like to center it.

    2) Is there a way to have different customizations for desktop and phone devices?

    I’d like to have 6 posts in desktop with a height/width of 175×175 (for example) and 6 posts in phone devices with a height/width of 150×150.

    That would be all.

    Thanks one more time!

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

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

    (@ajay)

    Thank you for your kind words. Do consider a formal review as well.

    To answer your questions:
    1. You might need to try something like this:

    
@media (min-width: 320px) and (max-width: 480px) {
  
 .crp_related {
margin-left: auto;
margin-right: auto;
display: table;

}

.crp_related ul {
width: 156px;
}  
}

    The width should be slightly higher than that of the thumbnail.

    2. You won’t be able to do it dynamically to have the correct/optimised images. However, you can use CSS to force the image size at 150 or 175 based on the width using media queries

    Thread Starter jcbsep

    (@jcbsep)

    Thanks for the reply @ajay !

    I’ll do a formal review once I’ve been using the plugin for a while so that way I have enough information to write a good/reliable/grounded review.

    1. It doesn’t work either.

    2. I don’t have the knowledge to do that. If in future updates you add that option it would be awesome.

    Plugin Author Ajay

    (@ajay)

    I looked at your site again and realised that in a mobile view, two thumbnails display side by side. Is that the case as well?

    If so, you could try the ul width of 310px instead of 156px.

    I have a lot of work to do on getting better mobile views. Unfortunately, I’m not a CSS expert so it is a lot of trial and error right now.

    Thread Starter jcbsep

    (@jcbsep)

    Hi @ajay

    That’s a good solution, but the quality of the images is not that good at those sizes + I prefer to display 8 because the plugin not always display related posts with 4.

    Still an awesome plugin! Thanks for the work! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Customize desktop and phone version’ is closed to new replies.