Kale Theme- how to change font size

@lyrathemes

I updated the CSS to default and checked each slider post’s featured photo (all of them is bigger than 1200-550px) and also disabled them one by one so theme replaced with it’s own stock photos. I am afraid it didn’t solve the issue ??
Do you have another solution?

@ozgun1 If you can show us the website, we may be able to look deeper into this. Or you can write to us at https://www.lyrathemes.com/support/

I found the problem.
One of the post in slider has a nextgen gallery in it and the featured post is uploaded into this nextgen gallery. So I believe theme is not able to adjust the size on the slider photo if the featured photo is not uploaded directly into media directory.
Thanks

I am also trying to increase the font size of the caption description in the header photo. I’m not seeing it explained here. Can you help?

Hello @beth-graham,

Hope you are having a great day and thanks for contacting us!

Could you share your URL so I can see this first hand?
Thanks.
Kind regards,
Diego

Thanks! bethgraham.com

• This reply was modified 6 years, 8 months ago by Beth Graham.

Hello Beth,

In order to increase the font, Please go to WP Admin > Appearance > Customize > Additional CSS and inside that box, add the following code:

.frontpage-banner .caption .read-more {
    font-size: 20px;
}

?Try it and let me know how it worked.
Kind regards,
Diego

Perfect! Thanks!

You’re welcome! Glad to help!
Please, let me know if you need any further assistance.

Diego

Hi!
Your code for changing font size worked perfectly ??
Everything except the Headings in my posts have updated – i.e. Heading 1, Heading 2, Heading 3. Do you know which code I could use to increase the size of those and make them bold?
Thanks so much!

Hi @kamilika,

Sure I can help!

Try this code:

h2 a, h3 a {
    font-size: 20px;
}

If that doesn’t work, please share your URL with me so I can take a look.

Please, let me know if you need any further assistance.
Kind regards,
Diego

Hi

I’ve tried a few of these changes, which have helped a lot, but there are a few with which I am struggling – please help.

I want to make my front page banner fit the page – there’s dead white space on the side that is irritating me.
There are a few other headings that I can’t get bigger, namely the page headings on the front page and the ‘recent posts’ heading.
Lastly, I want to increase the left hand margin of my page, please.

Please have a look at my site: https://thekellydeli.co.za/

Thanks

Hi @thekellydeli,

The banner has size: 1024x400px but container is bigger: 1290x400px so there is a space on the right side. There are two ways to fix this.
1. You can replace image with bigger version with 1290x400px size
2. You can keep the same image and add this css to Appearance → Customize → Additional CSS:

.frontpage-banner {
    background: #bdda63;
}

.frontpage-banner:before {
    opacity: 0;
}

.frontpage-banner img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

This will allow you to center image.

If you would like to change headings like Recipes and Places please add this css:

.footer-widgets .widget-title {
    font-size: 32px;
}

To change Recent Posts heading please add this css:

.blog-feed > h2 {
    font-size: 18px;
}

Kind regards