Unify the color of all texts

12 posts from 3 voices

• Started 1 year ago by bg08ard
• Latest reply from bg08ard
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   bg08ard
   Member

   Hello,
   I want to get the same color for all posts, categories, widgets.... like color of menu (grey).
   It's possible ? My theme runs with dark
   Thanks

   Posted 1 year ago #
2. 

   Mya
   

   Hi bg08ard,

   You'll need to change the color rule in the following areas in your style2.css in /newscast/css/ folder.

   body {
       background: url("../images/skin2/bg.png") repeat-x scroll 0 0 #333333;
       color: #CCCCCC;
   }
   
   h1, h2, h3, h4, h5, h6, legend, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
       color: #FFFFFF;
   
   a {
       color: #FFFFFF;
   }
   
   #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer legend, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a {
       color: #EEEEEE;
   }

   The color code for the menu links is #999999 so that's what you'll want to use if you want the same color across board.

   Regards,
   Mya

   Posted 1 year ago #
3. 

   bg08ard
   Member

   Hi Mya,
   Thank you very much, I'll try !
   BG

   Posted 1 year ago #
4. 

   Mya
   

   You're welcome. Let us know if you have any questions.

   Regards,
   Mya

   Posted 1 year ago #
5. 

   bg08ard
   Member

   Hi Mya,
   I would like the text in grey as in the menu and the links in white when I move the mouse over (as the menu)
   Best regards
   Bigi

   Posted 1 year ago #
6. 

   Mya
   

   Hi Bigi,

   If I understand you correctly then you'll need to add these hover states to your custom.css.

   #top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
   color:#fff;
   }
   
   #footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, #footer h6 a:hover{
   color:#fff;
   } 
   
   a:hover{color:#fff;}
   #footer a:hover{color:#fff;}

   Regards,
   Mya

   Posted 1 year ago #
7. 

   bg08ard
   Member

   Hi Mya,
   It's ok, it works as I want !
   Thank you
   Kinds regards
   Bigi

   Posted 1 year ago #
8. 

   bg08ard
   Member

   Hi,
   Maybe someone know how to change color text of widget ?
   Thanks
   Bigi

   Posted 1 year ago #
9. 

   Chris Beard
   

   Hey!

   Certainly, can you link to your site or specify which widgets? This way we can provide specific instructions.

   Regards,
   Chris

   Posted 1 year ago #
10. 

    bg08ard
    Member

    Hello Chris,
    Here's link to my site : http://www.bruno-gouhoury.com/blog
    I want unify all text color, grey for texts and white for all links / hover, including widgets.
    Maybe you can see an other post "display problem" > http://www.kriesi.at/support/topic/display-problem-with-safari-ipad-2 , I don't know there is a "link" between both.
    Thank you
    Best Regards
    Bigi

    Posted 1 year ago #
11. 

    Mya
    

    Hi Bigi,

    The color of the widget text is controlled by the body color. Right now the color is set #CCCCCC which is a light grey. If you want the color to be a darker grey like the headings you'll need to change the color from #CCCCCC to #999999.

    This is the code you need to look for -

    body {
        background: url("../images/skin2/bg.png") repeat-x scroll 0 0 #333333;
        color: #CCCCCC;
    }

    To change set the link to white you'll need to change the color these two lines (found at the bottom of your style2.css) to be #FFFFFF.

    h1, h2, h3, h4, h5, h6, legend, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a {
        color: #999999;
    }
    
    #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer legend, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a {
        color: #999999;
    }

    I you want the "Read More" and category links to be white, you'll also need to change the color code here:

    .entry-head, .entry-head a, .entry-bottom, .entry-bottom a {
        color: #888F96;
    }

    And here if you want to change the menu link color:

    .nav li a {
        color: #AAAAAA;
    }
    
    .catnav li a {
        border-right: 1px solid #595959;
        color: #999999;
        text-shadow: 1px 1px 0 #222222;
    }

    Now something to note the widget headings and post headings are links so they will turn white with the code I used above. Not sure if you're counting that as text or a link so I thought I would mention it.

    Hope this helps!

    Regards,
    Mya

    Posted 1 year ago #
12. 

    bg08ard
    Member

    Hello Mya,
    It's perfect ! With your advices, I changed what I wanted.
    Thank you very much Mya.
    Kind regards
    Bigi

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.