CSS conflict causing stray dot/loading animation issue

  • Resolved Tao Sheng

    (@shalice1218)


    8 months, 1 week ago

    Hello,

    I’m using your plugin to display post views on my website and I’ve noticed a formatting issue on my blog posts and custom post types (scenic_spot, itinerary).

    The post views display correctly with the icon and number, but a small dot appears on a separate line below it.

    Upon inspecting the page with my browser’s developer tools, it seems this dot is related to the plugin’s dynamic loading feature. The loading animation’s ::after pseudo-element, which creates a spinner, appears to be causing this alignment problem, or is visible before the count is fully loaded. The HTML is structured like this:

    <span class="post-views entry-meta">...</span>

    I’ve tried adding custom CSS to hide the dot, but it hasn’t resolved the issue.

    Could you please provide a solution to either:

    1. Disable the dynamic loading/AJAX feature to prevent the spinner from appearing.
    2. Provide the correct CSS code to completely hide the ::after pseudo-element and fix the alignment.

    Thank you for your help.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Tao Sheng

    (@shalice1218)

    8 months, 1 week ago

    When I tested it, I found that not displaying the icon resolved the issue. However, the appearance without the icon is not appealing. I changed the icon to dashicons-visibility, but the problem persists.

    Thread Starter Tao Sheng

    (@shalice1218)

    8 months, 1 week ago

    I removed the lable post view: it still shows a dot under this line

    Plugin Author dFactory

    (@dfactory)

    8 months ago

    Ok, we see it. This CSS code in your theme does that:

    .entry-meta > ::after

    To fix it please add this as a custom/additional CSS to the site. It should do the trick.

    span.post-views-icon::after {
    display: none !important;
    }

    • This reply was modified 8 months ago by dFactory.
    Thread Starter Tao Sheng

    (@shalice1218)

    8 months ago

    Thanks for the reply, the code is now working

    • This reply was modified 8 months ago by Tao Sheng.
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘CSS conflict causing stray dot/loading animation issue’ is closed to new replies.