Sidebar widget affects footer widget content

  • Resolved scaramia

    (@scaramia)


    9 years, 2 months ago

    On this site: http://theberkeleyperformingarts.org

    (ignore the sidebar background: I’m trying something)

    <a href="https://www.facebook.com/pages/The-Beat/132453156806614"[icon name="facebook-official" class="fa-2x"]</a>   <a href="https://www.youtube.com/watch?v=LYU4wbSZtG8"[icon name="youtube-square" class="fa-2x"]   <a href="mailto:rogerdbeat@yahoo.com"[icon name="envelope" class="fa-2x"]

    The copy in a sidebar widget above causes the footer widget copy below to lose it style get all funky:

    <div class="creds"><p>Copyright [footer_copyright] THE BEAT Berkeley Performing Arts  |  2560 9th Street, Suite #119, Berkeley, CA 94710  |  510.843.2328         Website Design and Development: <a href="http://caramiadesign.com">Caramia Design</a></p></div>

    What’s going on?

    Thanks!

    https://wordpress.org/plugins/better-font-awesome/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Mickey Kay

    (@mcguive7)

    9 years, 2 months ago

    Hi there,

    On first glance, what I notice is that your HTML malformed. Notice that each of your opening tags is missing the closing bracket. For example, you need to change this:

    To this:

    [icon name="facebook-official" class="fa-2x"]

    Since you have unclosed elements, all subsequent HTML on the page will likely render incorrectly. As a general recommendation, you can always run an HTML validator on your page before publishing it: http://validator.w3.org/

    Thread Starter scaramia

    (@scaramia)

    9 years, 2 months ago

    Thanks Mickey. I always validate my css (thanks Kristin!), but with WordPress, I tend not to validate the html. Lesson learned!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar widget affects footer widget content’ is closed to new replies.