HTML/CSS validation of Verbosa theme

  • Author
  • #41338


    First of all I’d like to thank you for the great job. I like your Verbosa theme very much. I will definitely donate or buy support, after the website is ready. Here’s some feedback, which, I hope, can make the theme even better.

    I have performed HTML/CSS validation of my website running on WordPress 4.7 and Verbosa theme 0.9.7, and here are the errors that were found:

    line 27:
    wdith: 1em;
    -> -> ->
    width: 1em;

    line 212:
    .socials a[href*=""]:before, .socials a.500px:before { content: '\e80e'; }
    -> -> ->
    /*.socials a[href*=""]:before, .socials a.500px:before { content: '\e80e'; }*/

    line 221:
    .socials a[href*=""]:before, .socials a.99designs:before { content: '\e817'; }
    -> -> ->
    /*.socials a[href*=""]:before, .socials a.99designs:before { content: '\e817'; }*/

    In CSS2, property value that begins with a digit — the first character should be escaped, but I just commented out those lines, since I don’t use those social networks, and probably never will.

    line 229:
    .socials a[href*=""]:before, .socials, .socials a.creativecommons { content: '\e820'; }
    -> -> ->
    .socials a[href*=""]:before, .socials, .socials a.creativecommons { content: '\e820'; }


    line 110:
    text-rendering: optimizeLegibility;
    -> -> ->
    /* text-rendering: optimizeLegibility; */

    Looks OK, but somehow the validator didn’t like it, and for me it was not important.


    line 53:
    $wp_logo = str_replace( 'class="custom-logo-link"', 'id="logo" class="custom-logo-link" alt="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'" title="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'"', get_custom_logo() );
    -> -> ->
    $wp_logo = str_replace( 'class="custom-logo-link"', 'id="logo" class="custom-logo-link" title="'.esc_attr( get_bloginfo( 'name', 'display' ) ).'"', get_custom_logo() );

    According to the validator and various articles, “alt” attribute cannot be applied to “a” tag.


    And here’s not an error exactly, but some considerable improvement in my case. I had these problem when scrolling down a page with an expanded big submenu (17 items) and a small article:

    – sometimes the scrolling down never stopped — the page automatically jumped to the top and the submenu unfolded again;

    – sometimes it was not possible to scroll down at all, so the bottom part of the big submenu was not visible.

    I solved it with custom CSS:

    #sidebar {
     max-height: 100% !important;
     overflow-y: auto !important;


    • This topic was modified 7 years ago by drewbul.
    • This topic was modified 7 years ago by drewbul.
Viewing 1 post (of 1 total)

The topic ‘HTML/CSS validation of Verbosa theme’ is closed to new replies.