A number of CSS customization glitches with bueno theme

katekoeppel · Member · Feb 23, 2012 at 12:17 am
Copy link

Add topic to favorites
I am using the bueno theme with css customization. I took a look at my blog today, and there seem to be a few things happening suddenly that weren’t behaving this way yesterday.I plan to import my blogger content from mipiacekatedesign.com once I have a few kinks worked out, but:

1.the yellow date circle seems to be cut off a bit on the right side- and I am not sure if/how to move the post titles if that is what is overlapping to make it look that way. Any help with this would be great!

2. Two of my widget titles are now acting as links in my sidebar- “Projects & work” and “I like to look” both widgets have links contained in them, but I do not want the widget titles to be links. This is suddenly happening today, and hasn’t been a problem before now.

3. When I click on one of my pages, all the sidebar and footer widgets get smashed together and overlap on pages that do not contain a lot of content. The same happens when I click a “weekly feature” link (there is no content for the linked categories at the moment)

Any help would be wonderful, thank you!

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Feb 23, 2012 at 11:37 am
Copy link
1.the yellow date circle seems to be cut off a bit on the right side- and I am not sure if/how to move the post titles if that is what is overlapping to make it look that way. Any help with this would be great!

I looked at http://mpkdesign.wordpress.com/ and yellow date circle looks like this to me: http://cl.ly/ETM0

Is that problem still happening for you? If so, what browser and browser version are you using?
designsimply · Member · Feb 23, 2012 at 11:42 am
Copy link
2. Two of my widget titles are now acting as links in my sidebar- “Projects & work” and “I like to look” both widgets have links contained in them, but I do not want the widget titles to be links. This is suddenly happening today, and hasn’t been a problem before now.

You are missing a closing html tag in each of the widgets just above the two you mentioned. To fix it, go to Appearance → Widgets in your blog dashboard and add the following to the end of the Weekly Features and the Projects & Work widgets.

</a>
designsimply · Member · Feb 23, 2012 at 11:49 am
Copy link
3. When I click on one of my pages, all the sidebar and footer widgets get smashed together and overlap on pages that do not contain a lot of content. The same happens when I click a “weekly feature” link (there is no content for the linked categories at the moment)

Hmm. This is a side effect of using absolute positioning to move the sidebar up. What’s happening is that the sidebar is taken out of the normal flow of the document when you use absolute positioning and the rest of the document no longer knows how tall that element is and can’t adjust. Try the following to avoid that trouble:

Remove this:
```
#sidebar {
  width: 260px;
  position: absolute;
  top: -78px;
 right: 0;
}
```
Add this:
```
#sidebar {
  width:260px;
  margin-top:-78px;
}
```
katekoeppel · Member · Feb 23, 2012 at 5:01 pm
Copy link
All of this was so incredibly helpful, thank you!

1. I am using the latest version of chrome- when I open up firefox the issue isn’t there, so perhaps it is browser specific?

2. duh, I don’t know why I didn’t see that missing closing tag… thank you!

3. This fixed the problem, thank you.
designsimply · Member · Feb 23, 2012 at 5:17 pm
Copy link
1. I am using the latest version of chrome- when I open up firefox the issue isn’t there, so perhaps it is browser specific?

I’m using Chrome 16, are you using version 18?
katekoeppel · Member · Feb 23, 2012 at 5:17 pm
Copy link
Actually, for 3. The sidebar now moves to the bottom of the page to overlap the footer, but only when I am on the ABOUT page.. very confusing!
katekoeppel · Member · Feb 23, 2012 at 5:18 pm
Copy link
I am using chrome 17
designsimply · Member · Feb 23, 2012 at 5:19 pm
Copy link
When the sidebar falls over like that, it’s usually because of an html error. See http://en.support.wordpress.com/themes/layout-issues/#sidebar

No items found.