related post size

This topic contains 4 replies, has 2 voices, and was last updated by somuch77 somuch77 7 years, 3 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #4588
    somuch77
    somuch77
    Participant

    hi, your plugin rocks! the most complete related post ever!

    on my site, with default width, 1 row could contain 4 relalated posts.
    i want to have bigger size related post, so 1 row will only contain 3 related posts. how can i change that? where can i find this feature?

    if i put the related post on widget with shortcode, do you have the skin? i mean with horizontal view, rather than default vertical view like after content related post.

    thanks

    #4590
    somuch77
    somuch77
    Participant

    hi…

    i found out where to change the size. and just read your reply on other post that widget is being prepared.

    now i have another question, how to make this plugin more responsive, i want the item width to be responsive like slick mode, occupying all container width, and also showing all item together, like on isotopic mode, 2 rows of related posts rather than 1 row with some rp hidden.
    i’ve tried several css modifying but can’t make it happen.

    thanks a lot for your help!

    • This reply was modified 7 years, 3 months ago by somuch77 somuch77. Reason: better formating
    #4592
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    In case you are using the isotopic layout, I would suggest to try 50% width for the items.
    Try to force it with this CSS code:

    .rpp_item {
       width: 50% !important;
    }

    I’ve tried this, and it looks like it works, at least on my test environment.
    Full width window size: https://i.imgur.com/j6Owfph.png
    Smaller window size: https://i.imgur.com/GItN4ie.png

    I’m not sure how this would work on more elements, it might not.

    Since there is a margin and padding as well on the box, the items may appear as non full width, but I figured out an elegant way to make the container appear without padding like this: https://i.imgur.com/8gMvOMT.png

    Go to the Theme Options -> Container Layout panel. Then set a negative margin on the left and right of the box. In my case it was -10px, but you might have to experiment. Also, set 0px for the left and right padding of the box. Here is how I have it: https://i.imgur.com/2Gb72V7.png

    That should stretch the container to width where the items appear to occupy the whole width of the post.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #4600
    somuch77
    somuch77
    Participant

    hi

    it WORKS! 😀 i missed this percentage width yesterday. haha.
    i put the width on theme default width location, not on custom css. i put 33.33% because i want 3 posts each row (6 total)
    for smaller screen, using percentage causing the related posts too small, so i change it to 50% for screen under 520px using @media screen and (max-width: 520px). although i know 520px isn’t the correct @media screen size for mobile.

    i can’t make the rpp box (rpp_item) full width, i put frame on the rpp_wrapper, in fact i want it to be more right, inline with the paragraph https://i.imgur.com/KoLei0x.jpg
    any idea to push the rpp_item a little bit right for left item and a little bit left for right item? can’t use margin because the margin between box will be too big, and can’t use margin-left or margin-right because on smaller screen will change to 50%

    thanks

    #4606
    somuch77
    somuch77
    Participant

    just find a solution to this one.

    thanks

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.