• Resolved SpellboundBlog

    (@spellboundblog)


    The first paragraph shown on the home page of the site I am working on is displayed in a different color and has a rollover effect. This is the text of the first blog post’s excerpt. I have looked at the source of the HTML and can’t see any difference between the first post and the second post. Am I missing something obvious?
    https://www.tragicbabylonpublishing.com/

    I also saw this behavior in the small amount of text I have on this page:

Viewing 8 replies - 1 through 8 (of 8 total)
  • airportjule

    (@airportjule)

    Your first paragraph is wrapped in an anchor tag.

    In the HTML the from above the paragraph in question and the after need to be removed. Try editing the Post and using the Remove Link button in the toolbar.

    Refresh and see if it’s fixed. Let me know how it goes!

    -Bill

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Just as Bill mentioned…your first paragraph has this:

    <a>
    <p>Part one of a series of interviews with the writers for
    the upcoming speculative fiction anthology, Clash of the Titles.
    the anthology is the brain child of Gil Bavel, who conceived
    of an endearing conceit: he would provide a list of titles
    and the members of his Facebook workshop, Writing the Short (SF) Story, would…
    </p>
    </a>

    So, as he mentioned about the anchor, he’s referring to the <a> and the </a> parts….need to remove those.

    By the way, thanks Bill for answering and providing the solution for SpellboundBlog ??

    airportjule

    (@airportjule)

    Happy to help, thank you for the thank you ??

    Thread Starter SpellboundBlog

    (@spellboundblog)

    Thanks for the quick ideas. I suspect there is some issue with the excerpting code. This is the code I see in the view source:

    <p>Part one of a series of interviews with the writers for the upcoming speculative fiction anthology, Clash of the Titles. the anthology is the brain child of Gil Bavel, who conceived of an endearing conceit: he would provide a list of titles and the members of his Facebook workshop, Writing the Short (SF) Story, would…
    <p class="more-link-wrapper"><a href="https://www.tragicbabylonpublishing.com/2016/03/hoenig-interview/">Continue</a></p>

    And when I look at the actual post there is no matching issue in the text. Maybe the ‘unclosed’ <p> before the ‘Continue’ link?

    Thanks!

    airportjule

    (@airportjule)

    Oh, that is strange. When I view source I do see a closing </p> before the Continue link’s <p>. I also see a closing before the Continue link.

    How are you viewing source? We should be seeing the same result…

    In any case, the anchor is not originating from the post itself so the solution wouldn’t be using the Remove Link button.

    I’m guessing there’s a plugin or other script that is creating extra links. In reviewing more of the content there are A LOT A LOT of extra, empty tags.

    Try disabling any plugins that you recently added.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    I used the Chrome webmaster tools, but if you look at the source code, then you see this:

    <p>Part one of a series of interviews with the writers for the upcoming speculative fiction anthology, Clash of the Titles. the anthology is the brain child of Gil Bavel, who conceived of an endearing conceit: he would provide a list of titles and the members of his Facebook workshop, Writing the Short (SF) Story, would…
    <p class="more-link-wrapper"><a class="more-link" href="https://www.tragicbabylonpublishing.com/2016/03/hoenig-interview/">Continue</a></p>

    So not having a closing </p> would more likely cause that to happen with the full paragraph being a link. Why that is happening is hard to say. I looked at the full post and do see a lot of tags in the source code which could be causing a conflict with the “excerpt” of that post being generated by WordPress. Also, the other posts seem fine but something in particular about that one post is more likely the cause.

    airportjule

    (@airportjule)

    Oh wow, Chrome Dev Tools differs from Page Source! I didn’t know that.

    So Spellbound, when you edit the Post and click Text tab, what do you see? A missing </p>?

    Thread Starter SpellboundBlog

    (@spellboundblog)

    I figured it out! I had an issue in the code for the banner widget.

    Thank you all for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘First paragraph uses different text color’ is closed to new replies.