Shop Categories

X

Change all font color.

Home Forums Agama Pro Change all font color.

Topic Resolution: Resolved

Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #7073
    morelli74
    Participant

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

    Best regards
    C.M.

    #7083
    Zex
    Moderator

    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

    #7088
    morelli74
    Participant

    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.

    #7089
    Zex
    Moderator

    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

    #7090
    morelli74
    Participant

    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.

    #7093
    Zex
    Moderator

    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

    #7198
    morelli74
    Participant

    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.

    #7204
    Zex
    Moderator

    Hello, C.M!

    Add this code to the Additional CSS:

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

    https://prnt.sc/hri625

    Regards

    #7208
    morelli74
    Participant

    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.

    #7246
    morelli74
    Participant
    This reply has been marked as private.
    #7248
    Zex
    Moderator

    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

    #7249
    morelli74
    Participant

    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.

    #7252
    Zex
    Moderator

    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

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.