Support » Theme: Kale » Font Size of List with a Post

  • Haven’t launched my website yet, but trying to increase the font size of a list I have put into a post. We have been using font size 18 for the font size in the post and when we put in a list the font size is much smaller.

    Also is is possible to make the default font size 18 so we do not have to change the font size for each paragraph put into a post?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The following in Appearance->Customize->Additional CSS should work for what you want I believe

    .container .post .single-content {
    	font-size: 18px;
    }

    This will target the normal post content as well as list content, if you want to just target the list content use

    .container .post .single-content li {
    	font-size: 18px;
    }

    Thank You!

    Is there a CSS that would do the same (change font size) for pages?

    Hi @mafanslau

    To add those changes to the page, you need to add this style:

    .container .page .page-content {
    	font-size: 18px;
    }
    
    .container .page .page-content li {
    	font-size: 18px;
    }

    Kind regards

    codyvann

    (@codyvann)

    Hi @jarektheme

    I followed your advice on a previous post but the modification turned all of my links to orange. Do you have any advice on how to undo the change? The original post is pasted below. Thanks!

    Hi @pixelsinmypocket,

    To change color of the links in single content to orange try this css:

    .single .single-content p a {
    color: orange;
    }
    To change most of links to orange try this:

    a, a:hover, a:visited, a:active, a:focus, .single .entry-content a, .single .entry-content a:hover, .single .entry-content a:visited, .single .entry-content a:active, .single .entry-content a:focus, .page .entry-content a, .page .entry-content a:hover, .page .entry-content a:visited, .page .entry-content a:active, .page .entry-content a:focus {
    color: orange;
    }
    Hope that helps.

    Best

    jarektheme

    (@jarektheme)

    Hi @codyvann

    This code:

    .single .single-content p a {
    color: orange;
    }
    a, a:hover, a:visited, a:active, a:focus, .single .entry-content a, .single .entry-content a:hover, .single .entry-content a:visited, .single .entry-content a:active, .single .entry-content a:focus, .page .entry-content a, .page .entry-content a:hover, .page .entry-content a:visited, .page .entry-content a:active, .page .entry-content a:focus {
    color: orange;
    }
    

    will change all of your links to orange. That’s correct. If you need to change the color you can replace orange to any color you want to. If you want to undo changes, please remove this code from Appearance → Customize → Additional CSS field.

    If you need any other changes, please let me know so I’ll try create the code for you.

    Kind regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Font Size of List with a Post’ is closed to new replies.