[Theme: Klean] Change color for texts and box

Hi anbotta,

to edit the white box around the title / subtitle text and the title color in Klean theme go to theme folder wordpress\wp-content\themes\Klean and open file main.css located in the assets\skins folder.

To change the title text you need to edit the css rule on line 45 (change color: black; to your prefered color):

.site-header .site-branding .site-title a {
  text-decoration: none;
  color: black;
}

To change the color of the white box edit the background declaration on line 39 ( background: rgba(255, 255, 255, 0.4); ):

.site-header .site-branding .site-title {
  border-radius: 4px;
  display: inline-block;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.4);
}

and on line 49:

.site-header .site-branding .site-description {
  display: inline-block;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.4);
  padding: 10px 20px;
  border-radius: 4px;
}

Hope this helps.

wow!!!! your how-to looks great! thank you!
and… If I want to totally delete the white boxes around title and subtitle? is it simple?

Thanks ??

Yes, it is. Just delete background declaration (background: rgba(255, 255, 255, 0.4);) in CSS rules.

thank you very much!
all your feedbacks have been very useful, thank you again.

the only problem is that at every theme update all the changes are deleted and I have to do everything again, is it normal???

The best aprouch is to set up child theme. You can read it about how to do it here: https://codex.www.ads-software.com/Child_Themes .

Oh, it’s looks quite difficult….
I think I will skip future updates of the theme in order to not lose my job

thank you!

I need to change the font of the title and subtitle in home page.
what are the files that need to be updated?
most important question: what are the fonts that I can use???

thank you

ok! I have created the child theme using a dedicated plugin that made this job very easy! Yeah!

I only have to fix one last point: change the font of the title and subtitle
what are the files that need to be updated?
most important question: what are the fonts that I can use???

done!!!!
font change done using the plugin “easy google fonts”

ciao!