Reduce line spacing
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Hello,
J'ai trouvé avec Firebug (voir copie écran) la ligne pour réduire l'interlignage
(
h2 {
font-size: 1.0rem;
} ,
mais je ne sais pas comment l'utiliser dans un fichier custom.scss
Thank you for your help
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22282
- Thanks: 3225
- messin' with stuff
-
Please only post in English on these boards.
If you need to Override some of our CSS make sure it has either been copied exactly or that you're being more specific in your targeting
www.smashingmagazine.com/2007/07/css-spe...ngs-you-should-know/
There are several ways you can add custom CSS into Gantry 5:
On the Base Outline or Per Outline Level:
Page Settings > Assets
Page Settings > Atoms
docs.gantry.org/gantry5/configure/page-settings#assets
docs.gantry.org/gantry5/configure/page-settings#custom-css-js
or at a global custom file level
template/custom/scss/custom.scss
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
- I know how to create a custo.scss file. But my problem is the line of code that I have to insert to reduce the spacing. Here on the copy screen attached the line that I found. My question is: what line of code SCSS to reduce line spacing?
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22282
- Thanks: 3225
- messin' with stuff
-
Your CSS is all set inline by your plugin... you may want to ask the plugin developer for help... it looks like this:
<span style="color: #000000; font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 14.5920000076294px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important; background-color: #ffffff;">Maquilleuse professionnelle diplômée, esthéticienne spécialisée en coiffure de Mariée et en pose de prothèses ongulaires, elle vous séduira par son savoir-faire en vous présentant des modèles illustrant toute la qualité de son travail.</span>
Because your parent H2 is defined be em point values it gets screwy when your plugin trys to force the font-size to us px... it's still inheriting the em point value for the line-height... ultimately you have to change the parent value
#tab-panel h2 { font-size: 13px; }
Wrapping an H2 around that much text seem strange to me too... - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.056 seconds