html issue when using numbers or special chars in post titles

  • Resolved Glasspebbles

    (@glasspebbles)


    11 years ago

    Hi,
    I am using Virtue 2.0.0. and default.css for style.
    I am using latest blog posts on the home page.
    If I add a post which has a number or special character in the title,when
    the latest posts show up on home page, the featured image has some improper html bits that show up behind the featured image when you hover over it. If the image is a little bigger, it pushes the content div and distorts the alignment.
    You can check the issue on my website home page.
    https://www.rubeenakp.com
    Please check the post with title’3D Art Exhibition’. If I remove ‘3’ from the title, it works fine.
    I think this is a bug where some html or style goes wrong when there is a number or special char in the title.

    The html generated is not structured properly. It looks like this-

    <div class="imghoverclass">
<a>
3D Art Exhibition at Southhill Park">
<img caps"="" alt="<span class=" src="abc.jpg">
3D Art Exhibition at Southhill Park" class="iconhover" style="display:block;">
</a>
</div>

    Please do the necessary to correct this.

    Thanks,
    Rubeena.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    The issue I see is not that you used 3 in your title it’s that you have it surround by a span tag.

    From when I see you site the title shows in the code as:

    <span class="caps">3D</span> Art Exhibition at Southhill Park

    But it should be:

    3D Art Exhibition at Southhill Park

    Kadence Themes

    Thread Starter Glasspebbles

    (@glasspebbles)

    Hi,
    Thanks for your reply.
    The issue is not happening on the post itself but on the home page in the latest posts area where it shows post excerpts. Please check the one on my home page.
    Yes, the issue is with the span tag etc.. in html but I have not added any custom html or style. It is generated automatically by the theme.
    For the posts which are displayed correctly, the title has only ‘<title>’ tag , no spans etc.. but for posts with numbers in title, it generates ‘<span>’ and few extra bits of html there.

    If I check the post’s html from wordpress, it looks like this-

    3D Art Exhibition at Southhill Park
some other text
<p><img alt="3DExhibition" src="../abc.jpg"  /></p>

    and the generated html on the website on home page is as given my original question above.

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    Hey,
    So the theme doesn’t add html when someone puts 3D in the title. Have you tired created a new post and typing in the title, being sure not to paste the text in?

    Else can you send me a temp login so I can take a look.

    [email protected]

    Kadence Themes

    Thread Starter Glasspebbles

    (@glasspebbles)

    The issue was being caused by some plugin,apparently.
    As Ben suggested, I deactivated all plugins and activated them again.
    It looks fine now on the home page.
    Thank you very much Ben, for the prompt support.

    Regards,
    Rubeena.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘html issue when using numbers or special chars in post titles’ is closed to new replies.