siniplyrathemes

Ok, I’ll try to explain some things and offer some solutions.

First thing first. You’re trying to edit theme’s CSS file directly and that’s a bad idea. First, you might break something in the layout and second, once the theme gets updated all those changes will get lost.

That’s why you should always make CSS changes using Customize -> Additional CSS.

Now to help you out with some of your customization requests.

In order to make social icons bigger, please add this to Customize -> Additional CSS

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

To increase the size of titles in the sidebar add this:

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

And to increase the font size of blog posts titles, use this:

h3 {
	font-size: 16px;
}

In all three cases, adjust the px value as you feel like.

The most of your other customisation requests would require a direct change of theme files.

Could you try this and let me know how it goes?

You’re welcome, I’m glad that it worked.

Could you please then mark this isue as resolved and if you feel like it I was wondering if I could trouble you to write a quick review for us here: https://www.ads-software.com/support/theme/kale/reviews/#new-post ? We’d really appreciate it!

Thanks and have a nice day. ??

Thanks for getting back with the info.
The reason why I’ve asked that was that it seemed the pink hover effect was introduced by some additional piece of CSS so I thought that it might have been there.
Then again maybe it was added in some other plugin.

Anyway, please try adding this to Customize – Additional CSS

.navbar-default .navbar-nav > li > a:hover {
    color: #0b1239;
}

a:hover, a:focus {
	color: #0b1239;
}

Please let me know if it fixes everything you wanted to.

• This reply was modified 6 years, 10 months ago by siniplyrathemes.

Good evening to you too, and thanks for contacting us.

Could you please first check what’s inside Customize -> Additional CSS on your website?

It could be that the pink colour was set up there…

You’re welcome @neeviemccabe.

Glad to be of some help. ??

May I ask you for an honest review here – https://www.ads-software.com/support/theme/kale/reviews/#new-post

No problems at all.

Try this:

.frontpage-banner .caption h2 a {
    color: #000;
}

For the “Recipes” part.

.frontpage-banner .caption .read-more {
	color: #000;
}

For the “Discover delicious and comforting recipes”.

.frontpage-banner .caption h2::before {
    color: #000;
}

For the dash in-between.

Hi and thank you for contacting us.

In order to center the title above the featured image, please add this to Customize -> Additional CSS

h1.entry-title {
    text-align: center;
}

As far as I can tell, the image itself on any individula page is already centered. If you’re referring to https://cassidyalexa.com/2017/12/31/the-magic-of-elfing/ it is most likely caused by centering image left in the post editor.

Regarding that error message, could you please tell me where exactly you’re getting it?

Hi and thank you for contacting us.

If you’re referring to the text “nutritious gluten free and vegetarian food made from scratch”

just add this piece of code into Customize -> Additional CSS

.tagline {
    color: black;
}

Please let me know if this was what you wanted to achieve.

No need to be sorry, everything’s clear now.

Just add this to Advanced CSS

.frontpage-banner .caption .read-more {
	visibility: hidden;
}

It should do the trick. ??

I must say I’m a bit confused now. ??

Are you referring to the tagline that is set in Settings -> General -> Tagline or to some other element?

Hello and thank you for contacting us.

If you want to use tagline but don’t want it to show in the header image, please add this code to Customize -> Additional CSS

.tagline {
	visibility: hidden
}

Please let me know if this is what you wanted…

Hi and thank you for contacting us.

You can pretty much write whatever you want there. There’s no law about what has to be written in the footer. ??

Hi Daphnae.

Thank you for your kind words.

These three strings are located in:

“previous posts” in \wp-content\themes\kale\category.php line 31

“next posts” in \wp-content\themes\kale\category.php line 32

“filed under” in \wp-content\themes\kale\single.php line 62

Strange part is that both previous and next posts are located as translateable strings in \wp-content\themes\kale\languages\kale.pot file so if you’re using Loco Translate plugin, those should be translated. So maybe you’ve found some kind of a bug.
Could you tell me what plugin do you use for the theme translation?

Hello there.

Thank you for contacting us.
If you’d like to keep featured post but remove recent posts, please add this code in Customize -> Additional CSS

.blog-feed { display: none; }

You can also try to set up a static page as a homepage and see if it looks good that way. Please create a new page (for example “Home”), go to Settings -> Reading and set this page as the front page.

In order to hide “Home”, please add this line of CSS code

.home .entry-page h1.entry-title { display: none; }

Please let me know if this helped. Kind regards.

I’ve checked the pictures you’ve used in your “popular posts” and they are still way too big originaly – 2.019px × 1.351px, 2.019px × 1.341px and 2.027px × 1.273px. Please try replacing one of those with an image of 1200px x 800px and see what happens.

And if the text has no paragraphs then, of course, you can’t make an extra space in-between them. That’s why you should always paste the content as plain text. Could you try that and see what happens?