Help - Widget Mess! - Wordpress

by zannix
5 replies
Hello everyone,

Could you please see what's wrong with my site?

I think it's a problem somewhere in the coding...

In the right sidebar, my first widget's LINK extends onto second widget's heading. You can see that easily when you go to Jogging Benefits

How do I fix that? I mean if I put an image widget as second widget, that whole image is automatically taking on a link from the first widget! What the heck!

Any thoughts?!

Kind Regards,
Zannix
#mess #sidebar #widget #wordpress
  • Profile picture of the author jonhel
    It's not doing that for me.

    I've just loaded the site in both IE 8.0 and Firefox 5 and it looks fine. Nice looking site by the way.

    Jonathan
    {{ DiscussionBoard.errors[4558304].message }}
    • Profile picture of the author jonhel
      Sorry, just took another look and see what you mean. It's no doubt got something to do with the coding. I've never seen so many div tags in a Widget before. e.g.

      <div class="art-Block-tl"></div>
      <div class="art-Block-tr"></div>
      <div class="art-Block-bl"></div>
      <div class="art-Block-br"></div>
      <div class="art-Block-tc"></div>
      <div class="art-Block-bc"></div>
      <div class="art-Block-cl"></div>
      <div class="art-Block-cr"></div>
      <div class="art-Block-cc"></div>
      <div class="art-Block-body">
      {{ DiscussionBoard.errors[4558340].message }}
      • Profile picture of the author zannix
        Originally Posted by jonhel View Post

        Sorry, just took another look and see what you mean. It's no doubt got something to do with the coding. I've never seen so many div tags in a Widget before. e.g.

        <div class="art-Block-tl"></div>
        <div class="art-Block-tr"></div>
        <div class="art-Block-bl"></div>
        <div class="art-Block-br"></div>
        <div class="art-Block-tc"></div>
        <div class="art-Block-bc"></div>
        <div class="art-Block-cl"></div>
        <div class="art-Block-cr"></div>
        <div class="art-Block-cc"></div>
        <div class="art-Block-body">
        Hey thanks!

        Can you provide further steps on fixing this issue? I'm a total noob when it comes to coding but I can follow instructions...

        Thanks again
        {{ DiscussionBoard.errors[4562206].message }}
        • Profile picture of the author zannix
          P.S.

          I've just deleted EVERYTHING in both sidebar1 and sidebar2.php

          I just left the opening and ending line (so it doesnt delete the sidebar entirely)

          The site is running MUCH SMOOTHER NOW! But problem still not fixed :/
          {{ DiscussionBoard.errors[4562547].message }}
  • Profile picture of the author NoFluff
    Just took a look in Chrome and Firefox and it looks okay. Just looking at the above code, ideally you should be setting rules in your stylesheet (CSS) that would take care of formatting for all elements.

    So for links, if you need to set a certain padding or margin, you'd declare it in your stylesheet rather than on each individual link or image link. If that sounds like Greek to you, search for w3schools CSS. They have examples where you can play around to understand how CSS works and what you might be doing wrong.
    {{ DiscussionBoard.errors[4562710].message }}

Trending Topics