0
Welcome Guest! Login
0 items Join Now

SOLVED Gantry 5 Helium Template - Change core font-size

Last Post
Search Topic
    • Marcel's Avatar
    • Marcel
    • Newbie
    • Posts: 8
    • Thanks: 1

    SOLVED Gantry 5 Helium Template - Change core font-size

    Posted 8 years 4 months ago
    • Hello together,
      I use the Gantry 5 Framework in combination with the given Helium template for my website.
      The styles are generated with SASS, i know. So i was looking for changing the font-size. I found that in "templates/g5_hydrogen/scss/configuration" is a _typography.scss with default variables that define the core font-size and calculates all other font size based on it.
      But I can't redefine the $core-font-size in my custom.scss at templates/g5_hydrogen/custom/scss/custom.scss. If I change the font-size in the configuration "_typography.scss", it works. But this solution is not update-save.

      So please can you give me an update-save workaround to change the variables especially $core-font-size? And so the other font-size variables are also recalculated?

      Thank you very much!

      Greetings
    • Last Edit: 8 years 4 months ago by Marcel.
    #1332010
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: SOLVED Gantry 5 Helium Template - Change core font-size

    Posted 8 years 4 months ago
    #1332064
    • Marcel's Avatar
    • Marcel
    • Newbie
    • Posts: 8
    • Thanks: 1

    Re: SOLVED Gantry 5 Helium Template - Change core font-size

    Posted 8 years 4 months ago
    • Good morning,
      I forgot to describe the results of my own internt research.
      There I found the same answer, someone said put that below @import dependencies, other said, put that before @import dependencies. Both doesn't work for me. What do I do wrong? I can use all SASS variables as shown in the code example, but i cannot change them.
      The begin of my custom.scss looks like that:
      @import "dependencies";

@import "slideshow";

@import "tabs";

$core-font-size: 2rem !default;

body p {
  margin: 0.5rem 0;
}

a {
  font-weight: $font-weight-medium;
}

//many more css...

      The redefinition does not work for me. And yes, in the backend, gantry production mode is on, and i also have clicked the "recompile css" button.
    #1332083
    • Marcel's Avatar
    • Marcel
    • Newbie
    • Posts: 8
    • Thanks: 1

    Re: SOLVED Gantry 5 Helium Template - Change core font-size

    Posted 8 years 4 months ago
    • Finally, I found a soultion with the help of "Matias Griese @mahagr".
      He recommended me to override the complete _typography.scss. So I copied the _typography.scss file from "/templates/g5_hydrogen/scss/configuration" and put it to /templates/g5_hydrogen/custom/scss/configuration. So the generator tooks that file instead of the original file and I can do all changes I want to do.

      Thanks for you attention :)

    • The following users have thanked you: Nader

    #1332315

Time to create page: 0.103 seconds