• Resolved taylormalloy

    (@taylormalloy)


    Hi-

    I love the Kale Theme, but I’m afraid most of the fonts are too small for my readers to read. How would I increase the size of:

    – tagline
    – caption description
    – sidebar default widgets
    – footer secondary columns 1-4
    – post titles (and make bold)
    – body of posts

    Not sure you can view my website as it’s still technically ‘coming soon’ but maybe you can since you’re an admin…..

    Thank you!
    Taylor Malloy

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

Viewing 15 replies - 1 through 15 (of 43 total)
  • Hi Taylor,

    Thank you for getting in touch with us.

    Please go to Appearance → Customize → Additional CSS and add the following css:

    
    /* tagline */
    .tagline {
        font-size: 23px;
    }
    
    /* caption */
    .frontpage-slider .caption
     h2 {
        font-size: 36px;
    }
    
    /* post title */
    .entry-title {
        font-size: 19px;
        font-weight: bold;
    }
    
    /* post content and single post content */
    .entry-summary, .single-content {
        font-size: 15px;
        line-height: 24px;
    }
    
    /* text in widgets */
    body {
        font-size: 14px;
    }
    
    /* widget title */
    h3.widget-title {
        font-size: 17px;
    }
    
    /* footer widgets lists */
    .footer-widgets ul li a {
        font-size: 15px;
    }

    Please adjust this style as you wish.

    Thank you for your time in this.

    Best regards

    Thread Starter taylormalloy

    (@taylormalloy)

    You are the best!! Thanks for replying!

    One more question- how do you center the footer secondarys (1-4) and the footer last?

    Thanks!
    Taylor

    Thread Starter taylormalloy

    (@taylormalloy)

    Also, it appears that the footer (secondary columns and last footer) font is not updating. Or the header image caption description. Please advise.

    Thanks for your help!
    Taylor

    Hi there,

    Thank you for your kind words.

    Please add this css to center align texts in footer widget:

    .footer-widgets,
    .footer-widgets .widget-title {
        text-align: center;
    }

    and font size in footer:

    .footer-widgets .widget-title {
        text-align: center;
        font-size: 16px;
    }
    
    .footer-widgets ul li a { font-size: 16px }

    Kind regards

    Thread Starter taylormalloy

    (@taylormalloy)

    The font size (I would like to make it smaller) and center alignment of the footer doesn’t seem to be working…….or the font size change of the header image caption description (I would like to make it larger).

    Also, you already helped make the font size of each post and post title larger (thank you!!)………how do I make the font size of different pages larger as well? i.e. I have a static Contact page and static About page ——how do I make the font size on those two pages bigger? Thank you for all your help!!!!

    Thread Starter taylormalloy

    (@taylormalloy)

    And apologies – one other thing on Kale.

    I published my first post, but forgot to set a featured image. Now, whenever I try to go back and edit the post to include a featured image, I can successfully ADD one……but it never shows up on the homepage. I add it, click Update, but when I view the actual blog, the homepage just shows the post title and post snippet. No picture. Thanks.

    Theme Author lyrathemes

    (@lyrathemes)

    @taylormalloy, try the instructions here https://en.support.wordpress.com/featured-images/

    Try this to make the font size larger on pages:

    .page-content {
        font-size: 16px;
    }

    Best of luck in your travels!!

    Jen

    (@grassmama)

    Hello! This was super helpful. I changed font size using your directions above; however, I added a new page to my blog and cannot figure out how to change the font size on that page and all new pages I add.

    Thanks!

    Theme Author lyrathemes

    (@lyrathemes)

    It should work across all pages. Do you mean it is not changing on your posts? Try this:

    .single-content {
        font-size: 16px;
    }
    Jen

    (@grassmama)

    Hi! Thanks for the quick response. With the original css posted above I was able to change the blog post and front page font size but when I added a new about page it is the original font size.
    See here:

    New size on blog post: https://grassfedglee.com/2017/11/19/getting-started-with-non-toxic-living/

    Previous size on new page: https://grassfedglee.com/about-us/

    Thanks for your help! Greatly appreciate!

    Hi Jen, have you tried the google fonts plug in? That did the trick for me
    https://www.sharethelove.blog

    Are you using Kale Pro? Or how did you manage to include such a nice instagram widget to your homepage? Looks great!

    Kate

    Jen

    (@grassmama)

    Hi Kate!
    I haven’t tried that plugin. I will give it a shot. Thank you!

    I am currently using the Kale free version. For instagram I am using this plugin https://smashballoon.com/instagram-feed/

    Thanks!
    Jen

    Thread Starter taylormalloy

    (@taylormalloy)

    Can you please help me in center-aligning my footer and making the font one size smaller?

    https://shegonegirl.com/

    Thank you!
    Taylor

    I’m not quite sure if this is what you’re trying to achieve, but try inserting this code in Additional CSS

    h3.widget-title {
    	font-size: 16px;
    	text-align-last: center;
    }
    Thread Starter taylormalloy

    (@taylormalloy)

    @siniplyrathemes – you are a godsend. Thank you SO MUCH – that is EXACTLY what I wanted/needed. You’re the best. Happy Holidays!

    Taylor

Viewing 15 replies - 1 through 15 (of 43 total)
  • The topic ‘Kale Theme- how to change font size’ is closed to new replies.