Change all font color.

[morelli74]

Hi,
I tried to change the font color, but I could not change either the widgets or the articles.

Best regards
C.M.

[Zex]

Hello, morelli74!

To change the body font-color (and articles color), simply add the code below into Customize->General->Additional CSS :

#page{
color:#4B0082;
}

You can find the more colors on THIS address.

For the Sidebar Widgets, you can change the font color in: Customizing ▸ Layout ▸ Sidebar
https://prnt.sc/hnb8xw

For the Footer Widgets, you can change the font color in: Customizing ▸ Footer ▸ Typography
https://prnt.sc/hnb9vh

Best Regards

[morelli74]

Hi Zex,
thanks for the answers, using the information received I was able to change almost all the colors of the font, there are only the following points that I would like to change:
Copyright Area;
Share this page icon;
in the article, the date and the written “By” of the author’s name.
Could you help me to change these too?

Best regards
C.M.

[Zex]

Hello,

Add the codes below into Customize->General->Additional CSS :

/*Footer  Copyright area text color*/
.site-info{
	color:red;
	}

/* "Share this post" text color */
.si-share span{
color:red;	
}

/* "Share this post" Icons color */
.si-share a{
color:red;	
}

/* Autor date and "By" text color */

.single-line-meta{
	color:blue!important;
}

https://prnt.sc/hni2xq

Change the colors per your need.

For the copyright background color, you can change it in: Customizing ▸ footer ▸ styling menu.

https://prnt.sc/hni3ok

Regards

[morelli74]

Hi,
I almost managed to complete the changes, I still miss two fonts to edit:

social icon in Copyright area;
calendar widget.

Excuse my insistence.

Regard
C.M.

[Zex]

Hi, C.M.!

Add the codes below into Customize->General->Additional CSS :

/* Calendar Widget_numbers color*/
#wp-calendar td{
	color:black;
}

/* Calendar Widget_Caption color*/
#wp-calendar caption{
	color:black;
}

/* Calendar Widget_Weekdays color*/
#wp-calendar th {
	color:black;
}

/* Calendar Widget_prev/next month link*/

#prev a, #next a{
    color: red!important;
}

/* Social icon color in Copyright area*/

#colophon .social a{
	color:red;
}

Change the colors per your need.

Best Regards

[morelli74]

Hi,
there are still some font color to change, in the pages of the articles the links at the bottom of the page that point to the previous article and the next one are still with the original color of the theme.

Regards
C.M.

[Zex]

Hello, C.M!

Add this code to the Additional CSS:

.nav-next a, .nav-previous a {
  color: #0abab5;
}

https://prnt.sc/hri625

Regards

[morelli74]

Hi Zex,
I made the changes indicated, but I noticed that there are still some fonts to edit as you can see.
I also have another question, I have made all the changes within the “Custom CSS” of the child theme, what happens if the theme is updated? Would it be better to edit directly the file “style.css” of the Child Theme to avoid losing all changes? In this case, would the changes have the same effect? But above all they should be written differently?

Regards
C.M.

[morelli74]

This reply has been marked as private.

[Zex]

Hi,

Sorry, I missed this post.

I have added the custom CSS code for you and changed the color of the text you asked for

#respond label {  
  color:#0ABAB5;
}

https://prnt.sc/htu0w0

You can change the color code per your wish.

Regards

[morelli74]

Thank you so much Zex,
but for the second question?
Is it preferable to made the changes within the “Custom CSS” or within the “Style.css” file of the child theme?
In case I want to made the changes in the file “style.css” the code should be changed or is that okay?

Regards
C.M.

[Zex]

Hi,
Both ways are correct and safe when you use it with the child theme.
Parent theme update didn’t affects the custom codes you added.
But easiest way is to use a built-in editor located in customizer.(general->additional CSS).

Regards

[Author]

Posts