DMXzone Accordion Support Product Page

How to format

Asked 10 Feb 2013 02:45:44
has this question
10 Feb 2013 02:45:44 Luis Diaz posted:
I'm at a total loss now as to how to format the size(s) of the components of this accordion. Thought it'd have been easy to find within the css file but I can't figure it out.


Replied 11 Feb 2013 11:05:44
11 Feb 2013 11:05:44 Vulcho Vulev replied:
Hello Luis.

You can specify the width of accordion.This can be done through the user interface of the extension in the field for width value.
The height is set to 100% by the extension in order to fit automatically to the amount content loaded within each section.

In the user interface of the extension you have also two options available:
Auto Height - If you select Auto Height your Accordion will adjust its height according to the size of the highest section.
Fill Space - If you select Fill Space your accordion will fill the vertical space allocated by its container.

Replied 11 Feb 2013 17:09:48
11 Feb 2013 17:09:48 Luis Diaz replied:
Hello Vulco and thanks for your response.

I was referencing the size of the tabs themselves.

Ended up making use of the Dreamweaver Spry Accordion in the meantime.
Replied 13 Feb 2013 08:48:15
13 Feb 2013 08:48:15 Vulcho Vulev replied:
Hello Luis.

This can be done by custom coding through css.

Replied 13 Feb 2013 17:47:17
13 Feb 2013 17:47:17 Luis Diaz replied:
Yes Vulcho, I understand that.

'and that's the problem. As I've initially stated, I've no idea where to go to within the CSS to adjust the tabs.
Replied 14 Feb 2013 09:02:08
14 Feb 2013 09:02:08 Vulcho Vulev replied:
Hello Luis.

//this rule is responsible for the size of the section headers

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all > a {
    height: 25px;

//this rule is responsible for the section headers, font size and paddings

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 0.7em;

Regards: Vulcho.

Reply to this topic