Resize Drop Down In Thread Page

[tunescool]

i resized all the buttons on the thread page, Like, Reply, Quote, and Edit but cant get the drop down all the way on the rite next to those buttons to resize. the same drop down in the Posting Page too. the text isnt really centered up and down in the buttons if that can be centered.

[tunescool]

again brian moved this to templates but i changed the buttons with css im sure the drop down is css

[tunescool]

bump

[Aaron]

Part of the reason is the size of the image. You would need to shrink that down.

.post-options {
    width: 10px;
    height: 10px;
    padding: 0;
}

[tunescool]

thanks for replying to my threads lately aaron, even tho you havent replied to the ones on SZ, nobody really does that much in templates or headers/footers. im just a basic css or html user and thats about it, but to me it looks like you just cant do it. the width changes but the height doesnt, i uploaded a blank image in the theme and that didnt help. i tried padding top which im pretty sure mite have changed the buttons or the drop downs like the Actions one, i cant remember. i wanted to have the buttons and the drop down the same but i guess ill have to live with it. i wouldnt do this rite away, but it could be possible to replace the drop down image with your own and still have it drop down?

.post-options { width: 40px; height: 4px; padding-top: 1px; }

[Aaron]

Try this:

.post-options {
    width: 10px;
    height: 10px;
    padding: 0;
}

.button.post-options {
    padding: 0;
}

[tunescool]

how did you get it to change, i changed everything but the height wont change

.post-options { width: 40px; height: 5px; padding-top: 5px; }
.button.post-options { padding-bottom: 5px; }

[Aaron]

The CSS you posted above does this for me. What's the issue on your end? Make sure this CSS is at the bottom of your CSS file - or add !important before every semi-colon. (width: 10px !important;)

[tunescool]

the important helped, thanks aaron

padding-top: 0px !important; padding-bottom: 0px !important;

whether you help or not ill leave this in this post, i still want to see if you can center the text in the buttons
and the image in the like button, the text is not centered its towards the bottom

thenotablenook.com/thread/23726

i changed the buttons with

.posts .post .content-head .controls > a { float: left; margin-left: 4px; padding-right: 6px; padding-bottom: 0px; padding-top: 0px; }

it doesnt even out if you try to use padding-top: 2px; or padding-top: -2px; it does the same thing

[Aaron]

.posts .post .content-head .controls > a { float: left; margin-left: 4px; padding-right: 6px; padding-bottom: 2px; padding-top: 0px; }

If you're looking to keep the previous height, you may need to reduce the font size. Otherwise, change the options' height to match the changes above and you'll be good to go.

[tunescool]

Mar 29, 2013 8:56:12 GMT -8 Aaron said:

.posts .post .content-head .controls > a { float: left; margin-left: 4px; padding-right: 6px; padding-bottom: 2px; padding-top: 0px; }

If you're looking to keep the previous height, you may need to reduce the font size. Otherwise, change the options' height to match the changes above and you'll be good to go.

i have the buttons the height i want them, i want the text centered

[Aaron]

a.button {
    line-height: 18px !important;
}

[tunescool]

i see yours moved but it didnt for me, i tried 24px down to -12px but it didnt move

[Aaron]

You don't need to edit the code. The line height has to be 18px to replicate the screenshot I showed you. Just make sure it has !important and is at the bottom of your CSS.

[tunescool]

i tried 18 but its still in the same place

thenotablenook.com/thread/23726

.posts .post > td, .posts #labels { border: posts_separator_border; border-top-width: 0px; }
.likes, .likes:hover { color: posts_likes_color; font: posts_likes_font; margin: 0 0 0 7px; }
a.button { line-height: 18px !important; }
.likes-button { padding: 4px 0px 0px 5px; height: 20px; display: none; }
.likes.likes-0 { display: none; }