Support » Plugin: Cerber Security, Anti-spam & Malware Scan » Users / Labels in WP Misalignment

  • Resolved Jon

    (@jonhopstra)


    Dear support,
    Thanks for this top plugin, I love it very much! But I like to let you know that there is a misalignment with the labels used in WP Back-end under section Users.
    When you go to Users in WordPress you will see the label named: Replies moved to the left from the label Replies above.
    Also, failed logins label has been shifted 2 or 4 pixels to the left. I think this is just some CSS that can fix it to have all labels symmetrical again.
    Hope this helps.
    Regards.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Gregory

    (@gioni)

    I agree, the layout and styles of Cerber’s admin pages should be improved. I would really appreciate it if you’d share a screenshot with me.

    Jon

    (@jonhopstra)

    Hello @gioni Thanks for the reply. I will give the link to a screenshot I made after new WP setup below. I also found 1 more little HTML Validation warning in the JavaScript code added to every page on the site. I will show you the screenshot below.

    This -> When you run HTML W3 test and copy source code to the text area and press run/check I have managed to remove all <type=> tags from inline code for stylesheet as well as JavaScript but when I active WP Cerber it adds 1 line back in ever page for JavaScript. I think if you remove that “type=” from the code, the warning is gone and HTML is 100% perfect.

    Here is the image you asked for about users in backend:
    https://ibb.co/yfLzq8h

    Here is a screenshot from W3 HTML Warning:
    https://ibb.co/n6QCVTC

    It is referring in the source to:
    https://ibb.co/74K1YBd

    For security reasons I have removed the hidden field random numbers, but I think you know where you can find this JavaScript code on every page at the end (If not using compression)

    If you need for this item a new topic, I will make it. If not and this is enough info than happy I could help.

    Plugin Author Gregory

    (@gioni)

    Thanks for the screenshots! I’ll fix the issue with the column titles. As for W3 HTML Warnings, you may ignore them since “text/javascript” is the default and valid value: https://www.w3.org/TR/2011/WD-html5-author-20110809/the-script-element.html

    Jon

    (@jonhopstra)

    @gioni Thanks for your reply, I did not get a email notice but I see it now so thanks a lot.

    I know that it is not of importance for having valid code but it is nice to have the W3 test say the document has no problems.

    A lot of theme developers have also removed the (Type=) tags from their themes and plugins, if ever W3 validation becomes a Google factor we have it 100% valid now.

    E.g for GeneratePress we can use the following:

    if ( remove_type_is == ‘yes’ ) {
    add_action( ‘after_setup_theme’, function() {
    add_theme_support( ‘html5’, [ ‘script’, ‘style’ ] );
    }
    );
    }

    That will remove any HTML tag named, (type=) for style-sheet and also JavaScript.

    The reason it did not remove it from your great plugin is because I use a child-theme.

    If I use this code in a separate plugin that loads global site settings it will catch it and of course if we use compression like autoptimize it may also be removed.

    But for people not using this code or not using any JS compression, I just wanted to let you know that you could consider in a future update to remove that part of the link/code.

    For the rest I love your plugin and even consider getting the pro version. It is that good! Thanks for making it, I know how much time it takes to make something like this, trust me.

    I will leave the images in my ibb-co account for you and will remove than when the update has been done.

    Thanks!

    Jon

    (@jonhopstra)

    @gioni You are totally correct that it is a normal common attribute/tag for JavaScript same goes for style-sheet that used to have type=”text/css” and always the W3 validation got back no errors.

    But since about 3 months it let’s people that run these W3 CSS / HTML tests know that this code is deprecated and not needed anymore.

    But if we use a compressor like Autoptimize or even WP Rocket it will not find this tag as all JavaScript and CSS have been compressed in 1 file.

    But if you leave as is and do not use any minification than it will report that as a element that is not needed anymore.

    They should add this to the help section of the W3 docs, it says there to add it indeed.

    Anyway, thanks for having a look at it!

    Jon

    (@jonhopstra)

    @gioni I will close this topic, I think you have seen it and thanks for the support!
    What you do about the javascript code is on you of course cause this is still the free version however I have seen it in the paid version as well.
    Anyway, will close the topic here.

    Jon

    (@jonhopstra)

    Dear @gioni The last update still has some space no idea if you did notice it?

    The comments label is aligned but the second one, ‘failed login attempts’ just needs 4 px to the right (I think) The word ‘attempts’ will be below each other just like Comments label.

    Hope this helps.

    Thanks for the update and great plugin.

    Plugin Author Gregory

    (@gioni)

    Thank you for sharing your observations and suggestions! The next version is in the works. Stay tuned.

    Jon

    (@jonhopstra)

    @gioni Thanks, always happy to help. Hope you do not mind I had to open the topic again to let you know.

    (If better to open a new topic in the future let me know)

    I did try to find the CSS in chrome but could not find what the line of CSS was that is positioning those 2 labels, otherwise I would have given it to you here of course.

    Anyway, the plugin is so good and I like it so much that I will 100% wait for the nest version.

    Good luck on that and thanks again for making this!

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.