Kale Theme- how to change font size

Hello
I tried entering the code given above for increasing the font size for text in the sidebar (default) but it did not work.

Can someone provide code/help? Again – I would like to increase the font size for text (not title/heading) in the side bar (i.e. list of recent posts, list of archives)

@bgrealestate1 Can you show us the URL of your website?

thank you for the prompt reply!

https://www.bgrealestate.org

I’d actually like to change the font family (to arial) in addition to increasing the font size

Try this to increase the font size for links in the sidebar:

.widget ul >li >a, .widget ul >li > span >a {
    font-size: 14px;
}

In order to change the font family, you’ll either need to upgrade to the pro version, or use a plugin to change the fonts.

I have added the CSS as suggested which works great for blog posts. The font sizes on my pages, however, are still very tiny. What can I do to make those bigger? Thank you!

Hi @aforce01,

You can try this css to change body font size:

body, p { font-size: 16px; }

If that doesn’t help for some reason could you provide the URL to your site?

Kind regards

Hi, I wanted to ask if is it possible to bold certain words/letters in the site text logo?

Hi @niksodus,

I’m afraid this is not possible without theme file modifications.

Kind regards

Thank you for the quick response. Can I change the font size of the text logo with CSS?

Yes, sure thing.

Play with this one in Customize -> Additional CSS:

.logo .header-logo-text {
	font-size: 100px;
}

Change 100px as you like it.

Hi @niksodus,

Please note that Kale Pro has special section for Typography customization where you can modify font family and size used in logo as well as other elements.

Hello,

How can I change the color of the font on the front page slider?

My images have white backgrounds, so white text blends in.

Thanks!!

Hi @cleanswitch,

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

.frontpage-slider .caption, .frontpage-slider .caption h2 a, .frontpage-slider .caption h2:before {
    color: darkgoldenrod;
}

Change color above to whatever you want.

Hope that helps.

Kind regards

Hi,
I am using kale theme and I have a problem with the slider in front page.

Some of the featured image aspect ratios are different than other (higher) and this causes and uneven display (empty space between slider and featured posts).

How can I set a specific aspect ratio for the featured photos to make all of them the same?

(Original photos’ aspect ratios are the same 1.498 to be specific.)

Update:
I adjusted the slider CSS from “max-width:100%;height:auto” to “max-width:1200px; height:550px”, I don’t get the uneven display anymore but it changed the aspect ratio of slider image. I need slider to show 1200*550 part of the images instead of changing aspect ratio.

Thanks

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

@ozgun1 Please make sure that the images that you upload for the slider posts are at least 1200×550. The slider will automatically select the correct size images to display. But if some of the original images are smaller than that, then the slider will not be display correctly.