Bonjour à tous,

Voila j'ai ça un objet accordéon responsive dont je veux changer la taille du texte dans le header et donc ici sur salle 1

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div data-role="collapsible-set" data-inset="true" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" id="Collapsible1">
<div data-role="collapsible">
<h3> <img alt="Calanques" src="images/tn_WP_20151128_15_35_41_Pro.jpg" title="Calanques"> salle 1</h3>
<div>
 
<h1> Le Mouffetard</h1>
		<p><strong>  Restaurant bar in the center of Strasbourg</strong></p>
		<p> On the menu: </p>
			<ul>
				<li> Milkshake avec un max de chocolat et de glace bio</li>
				<li> Planchettes </li>
				<li> Leek pie </li>
			</ul>
</div>
</div>
</div>

J'ai essayé de créer un fichier CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
.collapse_header .ui-btn-text
{    font-size: 10px
}
Et j'ai ajouté class="collapse_header" comme ceci
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<h3 class="collapse_header"> <img alt="Calanques" src="images/tn_WP_20151128_15_35_41_Pro.jpg" title="Calanques"> salle 1</h3>

Mais pas de succès

Une aide est la bienvenue