Accordion Item Captions

Flow
1

Hey all, first time poster…sorta new user here.

Quick question about styling Accordion item-captions.
I made my item-captions 50px tall and now I want to center the icon and text vertically in the item-caption.

Is there a nice way to do this?

Thanks in advance.

 .v-accordion-item-caption {
	height: 40px;
	font-size: 125%;
	text-indent:5px;
	background: grey;
}


accordion.addTab(topTree, "Public Job Filters", new ThemeResource("icons/JTX/JTXBuddy-Group.png"));
2

Hi,

You need to add use text-align: center to get the icon and caption to center. By default those are also float: left, so you need to override that too (plus make the caption text element inline, so it will respect the text-align property).

Something like this:

.v-accordion-item-caption .v-caption {
    text-align: center;
}

.v-accordion-item-caption .v-icon {
    float: none;
}

.v-accordion-item-caption .v-captiontext {
    float: none;
    display: inline;
}
3

ahh!
Thank You. Did not realize there was a float to be contended with as well.

Thanks a lot.

4

Can we have two icons for one tab?
one before text… one after the text…