Make text and boxes smaller

  • Resolved Gunivortus

    (@gunivortus)


    3 years, 11 months ago

    After e.g. clicking at the menu item ‘Kontakt’ at the specified site, no page has been created yet, instead, a system message appears. Principally that is fine, but all is so big!
    Clicking at ‘Suchen’ (Search) opens also a big window.
    Clicking at ‘Datenschutz’ (Privacy) gives a page, and there too, both title and text are much too big.
    After logging in and clicking at ‘profile‘ both fonts, header box and picture box are much to big.
    How can I change these things, making them smaller?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Dear @gunivortus ,
    Have a look at the style.css, you will find variables defined and many of them are related to the size of the characters.
    In the Additional CSS of the theme customizer, you can change the values quite easily as follows :

    :root {
     	--global--font-size-base: 1rem; /* instead of : 1.25rem; */
	--global--font-size-xs: 0.75rem; /* instead of : 1rem; */
	--global--font-size-sm: 1rem;	/* instead of : 1.125rem; */
	--global--font-size-md: 1rem;	/* instead of : 1.25rem; */
	--global--font-size-lg: 1.25rem; /* instead of : 1.5rem; */
	--global--font-size-xl: 1.5rem; /* instead of : 2.25rem; */
	--global--font-size-xxl: 2rem;	/* instead of : 4rem; */
	--global--font-size-xxxl: 3rem;	/* instead of : 5rem; */
	--global--font-size-page-title: var(--global--font-size-xxl);
}
    Thread Starter Gunivortus

    (@gunivortus)

    Thank you! That works. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Make text and boxes smaller’ is closed to new replies.