bbpress button overlap

[mnewton0702 0]

At The bottom of my forum below the Image Tip: when logged into admin. There is a menu that says delete, close, unstick, merge then there is a drop down menu for moving. The drop down menu is actually behind some of the text of the other actions. How do I go about fixing this?

[mnewton0702 0]

There is the picture of my issue so that you don't have trouble deciphering what I was trying to say. =)

[mnewton0702 0]

[Simon 248]

Matt, that dropdown is a list of forums, is there one with a really long name?

[mnewton0702 0]

Yes there is. Is there a way to move that drop down up a bit so that it does not overlap?

[Simon 248]

You could target it with a bit of css `#forum-id { width: 35px; }`

[mnewton0702 0]

How do I go about doing that? Sorry very new to this. =)

[Simon 248]

add it to the end of the forums css file

[mnewton0702 0]

now that is how it looks still hidden behind the admin section at the bottom

[cmunns 16]

Is this in Internet Explorer? BC there is a known annoying bug with dropdowns in IE that is barely fixable

[mnewton0702 0]

No firefox.

[cmunns 16]

Okay do you have a URL to the site then? with sample login form info so someone here can see it.

[mnewton0702 0]

Http://specialneedsconnections.com/forum It looks fine when you're a regular user. When you are loges into admin it shows the overlap between the dropdown and other links.

[mnewton0702 0]

name - sample pass - password

[catrina 103]

I logged in using the log-in info above, but there is no overlap in any of the pages that I click on (where there's a list of topics, an individual topic, etc.). I am using Firefox for Mac.

[mnewton0702 0]

The overlap is only on the buttons at the bottom where it has the button move preceded by; delete entire topic, close topic, and unstick topic. The words are overlapping the MOVE button itself.

[catrina 103]

That "Move" button seems to be the problem since it's the only thing out-of-place. Try adding this CSS to push it back to where it belongs:

#topic-move input.submit {position: relative; left: 245px;}

[mnewton0702 0]

It didn't work.

[catrina 103]

{position: relative; left: 245px;}

When I use the code above in Firebug, the button moves, but in your code, the button will need a class (i.e.

class="movebutton"

) so that the CSS works properly.

[mnewton0702 0]

I still could not get it to move? I have firebug installed what do I need to do to go about it that way?

[timlinson 3]

Firebug changes aren't permanent. It's just a tool to help you figure things out. Keep in mind that this is only a visual issue.. there's no functionality lost with that weird positioning. The "Move to" text under the "Move" button is only text, not a link. If you really want to move it, try this at the very bottom of the forum style.css: `#forumcol .topicadmin input[type="submit"] {margin:0}`

[mnewton0702 0]

Thank you! Issue resolved.