7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Wordpress sidebar empty... widgets below content

by Big Gee
6 replies
  • WEB DESIGN
    • |
Using Mystique theme. MY sidebar is activated automatically with widgets, but my widgets do not display in the sidebar. Instead the sidebar will be blank and whitespace is created below the main content area. The widgets will display in the footer. If i change the number of sidebars it still does not work. HELP!

Ive updated everything my theme, wordpress, plugins. There are no active plugins right now. Ive tried to get help from the Mystique forums but nothing yet. Tried to use firebug, but beyond my capabilities. Not sure if this is a "theme" issue or a "wordpress" issue.

stonelakedental(dot)com
#content #empty #sidebar #widgets #wordpress
  • Profile picture of the author ttkim
    Your sidebar exists, except it's off the mask so you can't see it. This is a CSS problem.

    This is what your #mark-1 looks like right now.

    Code:
    #mask-1 {
right: 300px;
}
#mask-1, #mask-2 {
float: left;
position: relative;
right: 0;
width: 100%;
}
    First, because its width is 100%, your sidebar doesn't have any space on the "side". It's been pushed down. Pushing it 300 pixels from the right is not the right way to achieve this.

    Your mark-1's CSS should only be this:

    Code:
    #mask-1 {
float: left;
position: relative;
}
    That's it. After that...

    Code:
    #primary-content {
width: 660px;
left: 300px;
}
    Take out "left: 300px;". You don't need it.

    Finally, change this:

    Code:
    #sidebar {
width: 300px;
left: 300px;
}
    To this:

    Code:
    #sidebar {
width: 300px;
float:left;
}
    Try doing these steps first.
    {{ DiscussionBoard.errors[7894634].message }}
  • Profile picture of the author Big Gee
    i checked the .css file and could not locate the code you were referring to. Where should I look?
    {{ DiscussionBoard.errors[7894770].message }}
  • Profile picture of the author ttkim
    It's actually not in any external file. It's in the header. For example, the first three lines under <style> is...

    Code:
    .fixed.c2right #primary-content{width:660px;left:300px}
.fixed.c2right #sidebar{width:300px;left:300px}
.fixed.c2right #mask-1{right:300px}
    {{ DiscussionBoard.errors[7894782].message }}
  • Profile picture of the author Big Gee
    ok I really appreciate your help, but I am still confused on what file to look at to find the code your referencing. So far I have looked in .css and header.php
    {{ DiscussionBoard.errors[7895174].message }}
  • Profile picture of the author Big Gee
    ttkim!!! you are the BEST!! I can't PM anymore my forum limits to 5 pms per hour BUT YOU helped me so much!! I hope you get this msg..IT worked and fixed a problem I had when changing between 1-2 sidebars left and right...I never could get it to work until now! THANK YOU THANK YOU THANK YOU...I will be in touch. I know you said you woudlnt take my offer BUT you have got to let me thank you somehow! lookout for my pm!!
    {{ DiscussionBoard.errors[7899150].message }}
  • Profile picture of the author ttkim


    No problem. Haha
    {{ DiscussionBoard.errors[7899384].message }}

Trending Topics