CSS Attributes for Category Strips

[MotoUp]

I'm having problems with getting this the way I want it. Any help will be greatly appreciated.

I want to make the arrow on the right be at the very top of the image, but want the text to stay where it is centered. So I want the image to have no padding in the cell, only the text. I know it can be done, I just don't know the syntax...

I want it to look like the second attachment.

Thank you!

[MotoUp]

Bump for possible ideas?

[Lynne]

It's hard to help if we don't know what html you are currently using. Usually you can valign (vertically align) things in a row or column or align an image in a row or column also. What have you tried already?

[MotoUp]

Well, I'm actually editing the CSS from inside Admin CP in the Category Strips section. I've tried things like:

position: absolute; top: 0

All that does is put every image on the page at the very top of the forum.

I've googled CSS, which is where I got that, but I'm not getting it to work. Does that help?

[Lynne]

I think you need to actually modify the template in order to get what you want. If you modify the CSS, then you are doing it for the whole strip and you said you want the text to remain where it is, but move the image up, and since both of them are effected by the same css, I don't think you can modify just the css and get it to work.

[MotoUp]

Thanks. I'll give that a shot...any idea which template that would be? I'm not finding it.

[Lynne]

Go into vboptions > General settings and turn on the option to put the template name in the source code. Then go to the page and view that part of the html in the source code and it will tell you which template is being used.

[Justine]

Not sure what you are trying to do - image #1 looks fine to me.

I believe the template you want to edit is USERCP_SHELL.

try adding "position:relative;top:-2" to the collapse/expand link eg. style="position:relative;top:-2;float:right"

[briansol]

"-2" is meaning-less.

you need a unit, such as px.

If that image is in it's own cell, you can toss a valign="top" in the TD call that should take care of it.