Can I center panel headings in Accordion stack for Foundation theme?


(Gary Davis) #1

Would like to center the panel headings if possible. Thanks.


(Stuart) #2

Hi, do you have a link to a page showing the accordion stack whose panel heading you would like to center?


(Andrew Tavernor) #3

The following CSS will center the headings

	text-align: center;
}```

If you put this in the page inspector it will center align all the headings for every accordion on your page. In site-wide CSS is will affect every accordion instance on your site.

If you want to select just one then you should drop it into a cssbox stack (or similar) and give it a unique class e.g. ```.myAccordion```

The above CSS will then become

```.myAccordion .accordion-navigation>a{
	text-align: center;
}```

(Gary Davis) #4

Thanks! That worked great!