change font size with additional css

  • LimmonTree

    (@limmontree)


    3 years, 10 months ago

    hello everyone, I’m making a page with twenty twenty-two, I want to adapt many things depending on whether it’s a mobile or large screen.

    I use additional css, but when I try to change the font size it doesn’t work, if I inspect I see that the rule is crossed out.

    The value of font-size is inherited from body`

    body {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--foreground);
    font-family: var(--wp--preset--font-family--system-font);
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--typography--line-height--normal);
    --wp--style--block-gap: 1.5rem;

    I use additional css, but when I try to change the font size it doesn’t work, if I inspect I see that the rule is crossed out.

    I have added a class “Parrafo_tiendas”.

    This is the HTML code

    <p class=”Parrafo_tiendas has-background-color has-cyan-bluish-gray-background-color has-text-color has-background”>Nuestro centro de Balmaseda, está ubicado junto al casco histórico, con zonas de aparcamiento cercanos.</p>

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Tim Burkart

    (@bigmoxy)

    3 years, 10 months ago

    Do you have a link to your website that you can share?

    I would try adding something like this to your custom CSS:

    body font-size: ???;

    Thread Starter LimmonTree

    (@limmontree)

    3 years, 10 months ago

    Hi the site is:

    https://unovision.es/

    User: Test
    Password: Test.123

    I want to use diferent font-size in mobil devices. now i’am using 1.2 em font-size, want to discriminate font-size with this:

    @media  (min-width:769px) and (max-width:1280px){
			p.has-background{
		  padding-top: 0.1em  !important;
		  padding-bottom: 0.1em !important;
		  padding-left: 0.1em  !important;
		  padding-right: 0.1em  !important;
	}
	
body font-size:4rem !important;
	
	
}

    Thanks

    Thread Starter LimmonTree

    (@limmontree)

    3 years, 10 months ago

    .

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

The topic ‘change font size with additional css’ is closed to new replies.