CSS correction in Status Plugin

Hi, when I upgraded my Genesis News Pro theme, the Status Plugin widget display got a little wonky. The avatar to the left of the title is offset too high.. Using Chrome inspect, I found that when I messed with the css below - particulary the content element - the problem cleared up. However, I could not repeat the solution in the real css (I use the Simple Custom CSS plugin). Also, in Chrome Inspect, it was behaving weirdly by this whole section disappearing entirely when I did any modification. Anyway, this is a long way of getting around to saying: How do I remedy this display issue? Attached are screenshots of the issue and how it should be. I have granted support access via my WPMU Dev Dashboard. Thanks in advance

.after-entry li::before, .news-pro-home .content li::before, .sidebar li::before {
content: "\203a";
font-size: 12px;
margin: 0 10px;
}

  • wadams92101
    • The Crimson Coder

    Seems to have something to do with the following:

    .after-entry li::before, .news-pro-home .content li::before, .sidebar li::before {
        content: "\203a";
        font-size: 12px;
        margin: 0 10px;
    }

    If I mess with content: in Chrome Inspect, I can get it to behave but I can't emulate it in real css.

  • wadams92101
    • The Crimson Coder

    Resolved? I got it to behave by replacing the above CSS with the code below. Do you think this will cause any potential unintended side-effects?

    .after-entry li::before, .news-pro-home .content li::before, .sidebar li::before {
    content: "";
    font-size: 12px;
    margin: 0 0px;
    }

  • Sajid
    • DEV MAN’s Sidekick

    Hello wadams92101,
    Hope you are doing good today :slight_smile:

    I am glad to know you found a working code good effort.

    However, I see you used generic CSS classes that could also be used on some other sections of your website. Specifically content and after entry ones.

    The last one with sidebar could help here but we can further make it more specific to apply on status plugin widget by following code instead. This should only apply to status widget items.

    .wdqs_widget_status li::before {
    content: "";
    font-size: 12px;
    margin: 0 0px;
    }

    Hope that helps! Feel free to post a reply if you need further assistance :slight_smile:

    Best Regards,
    Sajid - WPMU DEV Support

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.