Change all font color.
Tagged: font color
- This topic has 12 replies, 2 voices, and was last updated 5 years, 10 months ago by
Zex.
-
AuthorPosts
-
December 13, 2017 at 10:22 pm #7073
morelli74
ParticipantHi,
I tried to change the font color, but I could not change either the widgets or the articles.Best regards
C.M.December 14, 2017 at 10:37 am #7083Zex
ModeratorHello, 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/hnb8xwFor the Footer Widgets, you can change the font color in:
Customizing ▸ Footer ▸ Typography
https://prnt.sc/hnb9vhBest Regards
December 14, 2017 at 4:52 pm #7088morelli74
ParticipantHi 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.December 14, 2017 at 5:43 pm #7089Zex
ModeratorHello,
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; }
Change the colors per your need.
For the copyright background color, you can change it in:
Customizing ▸ footer ▸ styling
menu.Regards
December 14, 2017 at 6:36 pm #7090morelli74
ParticipantHi,
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.December 14, 2017 at 7:45 pm #7093Zex
ModeratorHi, 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
December 23, 2017 at 4:57 pm #7198morelli74
ParticipantHi,
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.December 23, 2017 at 9:07 pm #7204Zex
ModeratorHello, C.M!
Add this code to the Additional CSS:
.nav-next a, .nav-previous a { color: #0abab5; }
Regards
December 24, 2017 at 12:41 pm #7208morelli74
ParticipantHi 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.December 29, 2017 at 2:36 pm #7246morelli74
ParticipantThis reply has been marked as private.December 29, 2017 at 4:11 pm #7248Zex
ModeratorHi,
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; }
You can change the color code per your wish.
Regards
December 29, 2017 at 4:51 pm #7249morelli74
ParticipantThank 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.December 29, 2017 at 6:22 pm #7252Zex
ModeratorHi,
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
-
AuthorPosts
- You must be logged in to reply to this topic.