Jump to content

Mettre majuscule minuscule sous catégories

Phenomene
 Share

Recommended Posts

Phenomene Collaborator

Phenomene

Posted
Posted

Bonjour,

J'aimerais mettre la première lettre de la sous-catégorie en majuscule et le reste en minuscule.

Je pensais modifier le blocktomenu

Dans /thèmes/évolution x/css/modules/blocktopmenu/css/superfish-modified.css

J'ai déjà modifier ces lignes

Ligne 62 : /*text-transform*/

Ligne 141 : /*text-transform*/

 

Et aujourd'hui la ligne 194  /*text-transform*/

Malheureusement cela n'a pas fonctionné.

Que puis-je faire?

Merci de votre aide

 

Je vous donne le visuel

  


 
  1. / *** STYLES ESSENTIELLES *** /
  2. .sf contenant {
  3. clair : à la fois ;
  4. flotter : gauche ;
  5. largeur : 100 % ; }
  6.  
  7. .sf menu ,
  8. .sf menu * {
  9. marge : 0 ;
  10. padding : 0 ;
  11. liste de style : aucun ; }
  12.  
  13. .sf menu {
  14. position: relative;
  15. padding : 0 ;
  16. largeur : 100 % ;
  17. border-bottom : 3px solide # e9e9e9 ;
  18. fond : # f6f6f6 ; }
  19. @media (max-width: 767px) {
  20. .sf menu {
  21. affichage : aucun ; } }
  22.  
  23. .sf menu du {
  24. Position : absolue ;
  25. top : -999em ;
  26. arrière - plan : #fff ; }
  27. @media (max-width: 767px) {
  28. .sf menu du {
  29. position: relative; } }
  30.  
  31. .sf-menu ul li {
  32. width: 100%; }
  33.  
  34. .sf-menu li:hover {
  35. visibility: inherit;
  36. /* fixes IE7 'sticky bug' */ }
  37.  
  38. .sf-menu > li {
  39. float: left;
  40. border-right: 1px solid #d6d4d4;
  41. margin-bottom: -3px; }
  42. @media (max-width: 767px) {
  43. .sf-menu > li {
  44. float: none;
  45. position: relative;
  46. border-right: none; }
  47. .sf-menu > li span {
  48. position: absolute;
  49. right: 6px;
  50. top: 20px;
  51. width: 30px;
  52. height: 30px;
  53. z-index: 2; }
  54. .sf-menu > li span:after {
  55. font-family: "FontAwesome";
  56. content: "\f067";
  57. font-size: 26px; }
  58. .sf-menu > li span.active:after {
  59. content: "\f068"; } }
  60. .sf-menu > li > a {
  61. font: 600 18px/22px "Open Sans", sans-serif;
  62. /*text-transform*/
  63. color: #484848;
  64. display: block;
  65. padding: 17px 20px;
  66. border-bottom: 3px solid #e9e9e9; }
  67. .sf-menu > li.sfHover > a,
  68. .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
  69. background: #333;
  70. border-bottom-color: #666666;
  71. color: #fff; }
  72.  
  73. .sf-menu li li li a {
  74. display: inline-block;
  75. position: relative;
  76. color: #777777;
  77. font-size: 13px;
  78. line-height: 16px;
  79. font-weight: bold;
  80. padding-bottom: 10px; }
  81. .sf-menu li li li a:before {
  82. content: "\f105";
  83. display: inline-block;
  84. font-family: "FontAwesome";
  85. padding-right: 10px; }
  86. .sf-menu li li li a:hover {
  87. color: #333; }
  88.  
  89. .sf-menu li ul {
  90. display: none;
  91. left: 0;
  92. top: 59px;
  93. /* match top ul list item height */
  94. z-index: 99;
  95. padding: 12px 0px 18px 0px;
  96. -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  97. -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  98. box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  99. @media (max-width: 767px) {
  100. .sf-menu li ul {
  101. top: 0; } }
  102.  
  103. .sf-menu li li ul {
  104. position: static;
  105. display: block !important;
  106. opacity: 1 !important;
  107. background: none;
  108. -moz-box-shadow: transparent 0px 0px 0px;
  109. -webkit-box-shadow: transparent 0px 0px 0px;
  110. box-shadow: transparent 0px 0px 0px; }
  111.  
  112. .sf-menu li li li ul {
  113. padding: 0 0 0 20px; }
  114.  
  115. .sf-menu li li li ul {
  116. width: 220px; }
  117.  
  118. ul.sf-menu li:hover li ul,
  119. ul.sf-menu li.sfHover li ul {
  120. top: -999em; }
  121.  
  122. ul.sf-menu li li:hover ul,
  123. ul.sf-menu li li.sfHover ul {
  124. left: 200px;
  125. /* match ul width */
  126. top: 0; }
  127.  
  128. ul.sf-menu li li:hover li ul,
  129. ul.sf-menu li li.sfHover li ul {
  130. top: -999em; }
  131.  
  132. ul.sf-menu li li li:hover ul,
  133. ul.sf-menu li li li.sfHover ul {
  134. left: 200px;
  135. /* match ul width */
  136. top: 0; }
  137.  
  138. .sf-menu > li > ul {
  139. padding: 26px 30px 31px;
  140. width: 100%; }
  141. .sf-menu > li > ul > li > a {
  142. /*text-transform*/
  143. font: 600 16px/20px "Open Sans", sans-serif;
  144. color: #333; }
  145. .sf-menu > li > ul > li > a:hover {
  146. color: #515151; }
  147.  
  148. .sf-menu > li > ul > li {
  149. float: left;
  150. width: 20%;
  151. padding-right: 15px; }
  152. @media (max-width: 767px) {
  153. .sf-menu > li > ul > li {
  154. width: 50%; } }
  155. @media (max-width: 479px) {
  156. .sf-menu > li > ul > li {
  157. width: 100%;
  158. padding-bottom: 20px; } }
  159. @media (min-width: 768px) {
  160. .sf-menu > li > ul > li.first-in-line-lg {
  161. clear: left; } }
  162. @media (min-width: 480px) and (max-width: 767px) {
  163. .sf-menu > li > ul > li.first-in-line-xs {
  164. clear: left; } }
  165.  
  166. .sf-menu > li > ul > li.category-thumbnail {
  167. width: 100% !important;
  168. float: none;
  169. clear: both;
  170. overflow: hidden;
  171. padding-right: 0; }
  172. .sf-menu > li > ul > li.category-thumbnail > div {
  173. float: left;
  174. padding-left: 10px;
  175. width: 33.333%; }
  176. @media (max-width: 479px) {
  177. .sf-menu > li > ul > li.category-thumbnail > div {
  178. width: 100%;
  179. padding-left: 0;
  180. padding-top: 10px;
  181. text-align: center; } }
  182. .sf-menu > li > ul > li.category-thumbnail > div:first-child {
  183. padding-left: 0; }
  184. .sf-menu > li > ul > li.category-thumbnail > div img {
  185. max-width: 100%;
  186. display: block; }
  187.  
  188. .cat-title {
  189. display: none; }
  190. @media (max-width: 767px) {
  191. .cat-title {
  192. display: block;
  193. font: 600 18px/22px "Open Sans", sans-serif;
  194. /*text-transform*/
  195. color: #484848;
  196. display: block;
  197. padding: 17px 20px;
  198. border-bottom: 3px solid #e9e9e9;
  199. background: #f6f6f6;
  200. position: relative; }
  201. .cat-title:hover {
  202. background: #333;
  203. border-bottom-color: #666666;
  204. color: #fff; }
  205. .cat-title:after {
  206. display: block;
  207. font-family: "FontAwesome";
  208. content: "\f067";
  209. position: absolute;
  210. right: 15px;
  211. top: 18px;
  212. font-size: 26px; }
  213. .cat-title.active:after {
  214. content: "\f068"; } }
  215.  
  216. .sf-menu li.sf-search {
  217. border: none; }
  218. .sf-menu li.sf-search input {
  219. display: inline;
  220. padding: 0 13px;
  221. height: 30px;
  222. line-height: 30px;
  223. background: #fff;
  224. margin: 13px 10px 0 0;
  225. font-size: 13px;
  226. color: #9c9b9b;
  227. border: 1px solid #d6d4d4; }
  228.  
  229. #block_top_menu .category-thumbnail {
  230. clear: both;
  231. width: 100%;
  232. float: none; }
  233. #block_top_menu .category-thumbnail div {
  234. float: left;
  235. width: 33.33333%; }
  236. #block_top_menu .category-miniature div img {
  237. max-width : 100 % ; }
  238. #block_top_menu li .category-miniature {
  239. padding-right : 0 ; }
  240.  
  241. / * # SourceMappingURL = superfish-modified.css.map * /
  242.  
La coloration syntaxique est réalisé par GeSHi
 

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...