Hey @Max_Shaw & @roser , question - a client has pushed back saying that they feel the overall experience is “too small”. Is there a way to enlarge the entire iframed experience easily, or would we have to individually update the font size for all variables? She has included the below pictures taken on her iPad, specifically calling out if we can enlarge all of the text similar to the other pages of the site (i.e. Personal Checking). I feel like achieving this by individually enlarging certain text variables would make it look a bit wonky - any other solutions here? Thank you!
@Timothy_Bonk you should be able to do this with the scss variables included in the sass/answers-variables.scss
That file has a few variables pertaining to font size:
$font-size-xs: 10px;
$font-size-sm: 12px;
$font-size-md: 14px;
$font-size-md-lg: 16px;
$font-size-lg: 18px;
$font-size-xlg: 20px;
$font-size-xxlg: 40px;
and then further down in the file, you can see those variables are used elsewhere. if you uncomment and update said variables where they’re defined, that should handle it (so you don’t have to go class-by-class updating fonts). Let us know if that works!
1 Like
In the latest version of the answers-hitchhiker-theme in Jambo, you’ll want to update this in the static/fonts.scss file and the variables look like this:
–yxt-font-size-xs: 10px;
–yxt-font-size-sm: 12px;
–yxt-font-size-md: 14px;
–yxt-font-size-md-lg: 16px;
–yxt-font-size-lg: 18px;
–yxt-font-size-xlg: 20px;
–yxt-font-size-xxlg: 40px;