PIS posts margin anomalies

  • Resolved Parwaiz Khan

    (@parwaiz-khan)


    7 years, 10 months ago

    Hello Mr. Aldo Latino,

    I have been unable to figure out the rendition of post by PIS – so, I have to seek your help.

    The website is: https://lifevibrant.com

    On each page, including the Home Page, the first 4 posts are posted together – Then follow the posts #5 and beyond. Post are in 2 columns.

    You can notice the following strange rendition behavior:

    1. On the Home/Front Page, the first 4 posts are all OK – Posts 5 & 6 ( below the image – image has no effect – I have tested it), somehow ‘move up’ as if a ‘margin-top: -15px’ has bee applied – the ‘pis-thumbnail-img’ gets truncated.

    2. On all other pages (for example: https://lifevibrant.com/index.php/minerals-nutrients/), the post in the first row (both in the 1-4 group and in 5+ group) gets top truncated.

    [I tried the ‘.widget-last.posts-in-sidebar’ prefix – didn’t work.]

    Any idea why it should be happening and how to fix it?

    Thank you for your help and advice.

    Parwaiz

    [Browsers tested on; Safari, Chrome, FF, and IE]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Aldo Latino

    (@aldolat)

    Hello Parwaiz and welcome back! ??

    Try increasing the value of top margin in the CSS of the widgets’ images. For example, increasing it to 15px does the job:

    15px auto -15px auto !important;

    Let me know.

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    Thank you Aldolat – but, than it will increase the margin all over. The margin issue is occurring only in the first rows of the pages other than the “Home/Front” page and in the 5th and 6th posts of all pages.

    It is a rather puzzling behavior – I cannot get it why it is happening in those places only.

    Thanks again.

    Plugin Author Aldo Latino

    (@aldolat)

    It seems that the property

    overflow: hidden;

    defined in main.css is the cause of the problem. Try disabling it and see if this solves the issue.

    • This reply was modified 7 years, 10 months ago by Aldo Latino. Reason: Double phrase
    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    I commented it out – still no effect. Baffling!

    I have tried many tricks – none seems to be fixing it. If I change the top margin of either the ‘img’ or ‘li’, it effects all the posts in the PIS’ list – that makes the Front page look awkward!

    I also tried to apply the sidebar specific styles in the PIS “Custom Style” – nothing works from there.

    Anyhow, it doesn’t seems to be the PIS issue – So, I am going to mark it as “resolved”.

    I really appreciate your help and support very much – I hope the users will recognize your great work and appreciate it.

    Thank you.

    Parwaiz

    (PS: If I figure it out, I will notify you – my direct email is: [email protected])

    • This reply was modified 7 years, 10 months ago by Parwaiz Khan.
    Plugin Author Aldo Latino

    (@aldolat)

    I didn’t write correctly my previous reply. I intended to comment out this rule:

    .widget {
overflow: hidden;
}

    that is defined in main.css.

    Have you tried this?

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    Just added the following to override the code in the main.css.

    .widget {
    overflow: visible !important;
    }

    Amazing, it seems to have solved the issue – truncation is no more there. I have no idea how it worked and why it was causing that problem!

    [I just hope this change will not cause problem somewhere else, though.]

    I am really grateful to you for looking into it, investing your time in it and helping out.

    Thank you so very much.

    Parwaiz

    • This reply was modified 7 years, 10 months ago by Parwaiz Khan. Reason: Suggested changes applied
    • This reply was modified 7 years, 10 months ago by Parwaiz Khan. Reason: Added possibility of other effects
    Plugin Author Aldo Latino

    (@aldolat)

    You are welcome!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘PIS posts margin anomalies’ is closed to new replies.