WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Related Posts
[resolved] Centeredness of display gone after plugin update (27 posts)

  1. Navjosh
    Member
    Posted 3 months ago #

    Hi there. I'm using the plugin on my site but after the latest update, the centered-ness of display is gone and the thumbnails are aligning to the left in the post. Can you please help? Just to be clear, prior to update, I had thumbnails aligned to center of the post but post headings text under them were aligned to left itself. Now everything is left.

    Here's an example.

    http://hiphop-n-more.com/2014/05/the-dream-arrested-for-felony-assault-on-ex-gf/

    https://wordpress.org/plugins/wordpress-23-related-posts-plugin/

  2. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey Navjosh, thanks for reaching out & please accept our sincerest apologies for deleting your previous custom CSS settings — totally our fault and we are very eager to get them back for you!

    But first — is this previous support post of ours of any help to you, since we kinda think we already discussed this matter? Here's the link: http://wordpress.org/support/topic/plugin-affecting-set-featured-image-of-post?replies=13

    Let me know if this helps in any way or if you have any more questions what-so-ever — as always, we're here to help!

    Take care & I'm looking forward to your reply!

    Best,
    Silvo

  3. Navjosh
    Member
    Posted 3 months ago #

    Hi Silvo. No, the earlier problem has nothing to do with this current one.

    Not sure if you opened the post link I sent you but before the update, my thumbnails for the related posts section on bottom of post were centered from both sides to the middle. Now, they are sliding towards the left. This happened after the update.

  4. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, sorry for the confusion, didn't mean anything bad by it — my bad!

    Fortunately we just found out that there seems to be something wrong with our latest update, since custom CSS codes cannot apply to our related posts anymore, which is definitely something to be worried about.

    But rest assured that our team is already working on it and that we're doing everything we can to bring you our next fix (next update) ASAP! Please bear with us!

    I'll definitely let you know when the release is ready and we'll do everything we can to bring your related posts to the previous state! Again — thanks for the heads up & for your continuous support! We appreciate it!

    Best,
    Silvo

  5. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, sorry for not having the fix ready for you, but it's really hard for us to replicate the problem on our side, to be completely honest.

    May I kindly ask you for your current list of activated plugins? Do you have any other related posts plugins installed?

    This info would really help us a lot in finding the correct bug, which is why we would really appreciate your help on this, if possible.

    Let us know, we're eager to help! Take care & have a nice day!

    Best,
    Silvo

  6. Navjosh
    Member
    Posted 3 months ago #

    No, I don't have any other related posts plugin installed.

  7. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, sorry for not getting back to you for a while, but I'm glad to announce that we have got that fix ready for you and we're hoping that it will be released sometime this week!

    We are sincerely sorry for all the inconvenient experiences we might have caused, but we are ready to get back to you in every way possible! In the same time I'd like to thank you for this heads up notice and for your continuous support! We truly appreciate it!

    As always — I'm here to answer any of your further questions that you might have regarding our service, so please do not hesitate to ask!

    Take care & have a nice day!

    Best,
    Silvo

  8. Navjosh
    Member
    Posted 3 months ago #

    Ok thank you.

  9. Navjosh
    Member
    Posted 3 months ago #

    Hi there. The latest update solved the problem on desktop but a new problem as occurred on mobile. The alignment of the thumbnails (which I did with your help http://wordpress.org/support/topic/mobile-settings?replies=6#post-5439902) is all haywire now.

    See screenshot here: http://imgur.com/3jVXL43

    Only the third thumbnail which is Kid Ink – ‘Main Chick (Remix)’ (Feat. Tyga & Chris Brown) is appearing like it should.

  10. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, thanks for getting back to us — and no problem at all! We'll be more than help to help you out!

    What's your current 'Custom CSS' configuration? Would you please be so kind and copy & paste it here, and we'll try to fix it so that all your related posts should look like the one you showed us.

    Let us know! Take care & enjoy your weekend!

    Best,
    Silvo

  11. Navjosh
    Member
    Posted 3 months ago #

    Here is the code on my plugin Custom CSS settings. I don't want the appearance on the desktop site to change. Just want the fix for mobile.

    .related_post_title {
    color:#948F8F;
    margin-top: 25px !important;
        font-size: 20px !important;
        text-align:center;
    }
    ul.related_post {
    display: block !important;
    margin-left:auto; !important;
    margin-right:auto; !important; text-align:center;
    padding: 0 !important;
    position: relative !important;
    }
    ul.related_post li {
    }
    ul.related_post li a {
    font-family: Arial;
    text-align:left !important;
    }
    ul.related_post li img {
    }
    .wp_rp_content {
    width:100%;
    }
    .twentyten-latest-post img {
    width:56px;
    height:56px;}
  12. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, we think we figured it out! Would you please change the code you're currently using and past it with the one below? We've only added the last 4 lines of code, in case you're wondering.

    Here's the code:

    .related_post_title {
    color:#948F8F;
    margin-top: 25px !important;
        font-size: 20px !important;
        text-align:center;
    }
    ul.related_post {
    display: block !important;
    margin-left:auto; !important;
    margin-right:auto; !important; text-align:center;
    padding: 0 !important;
    position: relative !important;
    }
    ul.related_post li {
    }
    ul.related_post li a {
    font-family: Arial;
    text-align:left !important;
    }
    ul.related_post li img {
    }
    .wp_rp_content {
    width:100%;
    }
    .twentyten-latest-post img {
    width:56px;
    height:56px;}
    @media screen and (max-width: 480px)
    ul.related_post li {
    width: 100% !important;
    }

    Let me know how it works, we'd love to see the results! Take care!

    Best,
    Silvo

  13. Navjosh
    Member
    Posted 3 months ago #

    It worked. Thanks a lot for your help!

  14. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, that's great news, really glad we successfully put this behind us! And thanks for your patience along the way, much appreciated!

    Enjoy your weekend!

    Best,
    Silvo

  15. Navjosh
    Member
    Posted 3 months ago #

    Hi there. Unfortunately, the problem is still there.

    Screenshot: http://imgur.com/BSaK8QK

  16. Navjosh
    Member
    Posted 3 months ago #

    Also forgot to tell you that I have this code uploaded in my mobile theme:

    .related_post_title {
    margin-top:20px !important;
    border-top:2px dotted #A9A9A9 !important;
    font-size: 18px !important;
    text-align:center;
    }
    ul.related_post {
    }
    ul.related_post li {
    }
    ul.related_post li a {
    margin:5px 5px 5px 5px !important;
    }
    ul.related_post li img {
    }
  17. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, try to add this code to the end of that code you've just sent me (the one in your mobile theme):

    @media screen and (max-width: 480px)
    ul.related_post li {
    width: 100% !important;
    }

    So in the end it should look something like this:

    .related_post_title {
    margin-top:20px !important;
    border-top:2px dotted #A9A9A9 !important;
    font-size: 18px !important;
    text-align:center;
    }
    ul.related_post {
    }
    ul.related_post li {
    }
    ul.related_post li a {
    margin:5px 5px 5px 5px !important;
    }
    ul.related_post li img {
    }
    @media screen and (max-width: 480px)
    ul.related_post li {
    width: 100% !important;
    }

    Let me know how this works for you! Take care!

    Best,
    Silvo

  18. Navjosh
    Member
    Posted 3 months ago #

    I tried but it didn't fix it.

  19. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, sorry to hear that!

    We were wondering — after all these modifications and different CSS setups, is it possible for you to send us another screenshot of your whole plugin settings page, so we could have a detailed look at it?

    We're really a bit in the dark right now, since we do want to help you out, but it's a bit harder for us to do so, if we don't have the whole picture in front of us. Which is why any additional feedback is greatly appreciated!

    Take care & I'm looking forward to your reply!

    Best,
    Silvo

  20. Navjosh
    Member
    Posted 3 months ago #

    Here are the screenshots to the plugin settings http://imgur.com/a/IKZTS

  21. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, big thanks for the screenshot, we really appreciate it, but unfortunately we weren't able to get a glimpse of your whole custom CSS code in that bracket — any chance you could copy & paste us that one again over here or just screenshot it to us?

    Sorry for taking this such a long while, but I'm more than confident that after we've got the whole picture, we are going to be able to adjust it to your needs.

    Let us know! We're looking forward to your reply!

    Best,
    Silvo

  22. Navjosh
    Member
    Posted 3 months ago #

    I had previously sent you the code but here it is again.

    .related_post_title {
    color:#948F8F;
    margin-top: 25px !important;
        font-size: 20px !important;
        text-align:center;
    }
    ul.related_post {
    display: block !important;
    margin-left:auto; !important;
    margin-right:auto; !important; text-align:center;
    padding: 0 !important;
    position: relative !important;
    }
    ul.related_post li {
    }
    ul.related_post li a {
    font-family: Arial;
    text-align:left !important;
    }
    ul.related_post li img {
    }
    .wp_rp_content {
    width:100%;
    }
    .twentyten-latest-post img {
    width:56px;
    height:56px;}
  23. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, thanks for the code!

    As you can probably see for yourself, the code I've added the last time is now again missing — thus the problems you are encountering.

    Try adding that line of code to the end of your existing one again, and let's see if it's any better.

    Here's what you should have saved in your plugin settings:

    .related_post_title {
    color:#948F8F;
    margin-top: 25px !important;
        font-size: 20px !important;
        text-align:center;
    }
    ul.related_post {
    display: block !important;
    margin-left:auto; !important;
    margin-right:auto; !important; text-align:center;
    padding: 0 !important;
    position: relative !important;
    }
    ul.related_post li {
    }
    ul.related_post li a {
    font-family: Arial;
    text-align:left !important;
    }
    ul.related_post li img {
    }
    .wp_rp_content {
    width:100%;
    }
    .twentyten-latest-post img {
    width:56px;
    height:56px;}
    @media screen and (max-width: 480px)
    ul.related_post li {
    width: 100% !important;
    }

    Let me know how it turns out! Looking forward to your reply!

    Best,
    Silvo

  24. Navjosh
    Member
    Posted 3 months ago #

    Sorry, I actually pasted the wrong code for you here. I did have that implemented but it's not working. Here's the code I have:

    .related_post_title {
    color:#948F8F;
    margin-top: 25px !important;
        font-size: 20px !important;
        text-align:center;
    }
    ul.related_post {
    display: block !important;
    margin-left:auto; !important;
    margin-right:auto; !important; text-align:center;
    padding: 0 !important;
    position: relative !important;
    }
    ul.related_post li {
    }
    ul.related_post li a {
    font-family: Arial;
    text-align:left !important;
    }
    ul.related_post li img {
    }
    .wp_rp_content {
    width:100%;
    }
    .twentyten-latest-post img {
    width:56px;
    height:56px;}
    @media screen and (max-width: 480px)
    ul.related_post li {
    width: 100% !important;
    }
  25. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hey, thanks for the update, but we still think there's a mixup somewhere in your plugin settings, I'm afraid to say.

    The thing is, we have checked your blog post again and noticed that the code you've send us in your last reply isn't actually implemented, since the width is still set to 'auto' and not to '100%' as indicated.

    Here's a screenshot of your current CSS setup, when in mobile view: http://cl.ly/image/1Z2x47453T3c

    And here's a screenshot of what it should look like, if that code would be implemented: http://cl.ly/image/2S2K1i3V3O1P

    Which begs the question — do you have another related posts plugin installed, that has that custom CSS code implemented (if so, which one)?

    And since we also don't want to occupy too much of your time, we'd like to propose if we could take a look at your dashboard ourselves, if you would agree to share your credentials with us.

    We can completely understand if this is something that you are not comfortable with, but I'm afraid this might be the only viable / best solution for us right now, since we are a bit confused which code is which right now.

    It also goes without saying that your privacy is to our upmost concern, after which we will take all the extra precaution possible.

    Let us know what you think and we'll do our best to help you out! I'm looking forward to your reply!

    Best,
    Silvo

  26. Navjosh
    Member
    Posted 3 months ago #

    I just double checked and I do have the code implemented as per your advice.

    No, I don't have any other relaaed posts plugin installed.

    There is, however, this code still in my style.css file of mobile site which I haven't deleted. This setting was for the nrelate plugin that I was using earlier. Do you think this is causing a hindrance?

    span.nr_post_title{
        font-weight:bold !important;
        font-size:15px !important;
    
    }
    
    .nrelate_related h3{
        margin-top: 15px !important;
        border-top:1px dotted #A9A9A9;
        font-size: 16px !important;
        text-align:center;
        color:#191717 !important;
    
    }
  27. silvoslaf
    Member
    Plugin Author

    Posted 3 months ago #

    Hm, no, that code certainly should not disrupt any of your related posts, at least not their position, that much is certain.

    But now that you've mentioned it, we think that there might be some other "code heritage" (as we like to call it) in that (or some other) file, which could disrupt this issue we're currently having with your related posts. Which is why we would like to take a closer look at it by ourselves, if possible.

    As mentioned in my previous reply, I can certainly understand that sharing your credentials could be a bit of nuisance for you, but right now, I'm afraid we're running out of options. If nothing else — a new, temporary user account with admin rights, which will enable us to access those files (and your plugin settings) would certainly do the trick.

    We would be more than glad to get this behind us, which is why we're looking forward to your email, if you agree: support[at]zemanta[dot]com

    Take care!

    Best,
    Silvo

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.