Okay
  Public Ticket #3542601
Chaning text color in blog post
Closed

Comments

  • Sean started the conversation

    on the single blog post page the text shows as black. I wanted to make it white because I made the background black.  I also the heading is black so I can not see the text. Also the date of the article is purple and the back button is also purple.  How do I change those and I can I just change it for that post or does it effect everything.

  •  647
    Alexandre replied

    Hi Sean,
    If you have set the background to black, you have to set the body typography with a light color.
    Go to wp-admin>theme options>typography
    And change the body typography color. 

    Same for the h1 and all other heading set with a dark color.

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Sean replied

    I will try that now and see.. I thought i did - but after awhile all these menu options start looking the same.

  • Sean replied

    That worked in addition I had to clear my cache.  How do I change the color for the Date of the blog post.

  •  647
    Alexandre replied

    The color here is the "color 1" from the look and feel option (wp-admin>theme options>look and feel).
    If you wanna keep the purple color for the color 1, you still can use a custom css to set a specific color to the date. 
    Go to wp-admin>theme options>custom css/js
    And add this code into the custom css field:


    .sr_it-single-post time.sr_it-datetime{
    color: #ffffff;
    }

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Sean replied

    Thank you last question(s)


    How to change the font size of the "Date"  and how do I change the background of the back button and or the frame around it. As I know nothing about CSS

  •  647
    Alexandre replied

    Hi Sean,

    The date font-size is hardoded to 12px.
    You need to use a custom css code if you wanna change its size.

    Please go to wp-admin>theme options>custom css/js
    And add this code in the custon css field:

    .sr_it-datetime{
    font-size: 22px;
    line-height: 22px;
    }

    The back color button is the color 1 from the look and feel settings. 
    If you want to choose another color, you can use this code for the background and frame border:

    a.back-btn {
    background-color: #ff0000;
    border-color: #ff0000;
    }

    /*Hover*/
    a.back-btn:hover{

    background-color: #00ff00;
    border-color: #00ff00;
    }



    Be aware that we are going beyond the scope of our support here; we can't provide custom CSS code for such fine customizations.

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Sean replied

    ok thank you

  •  647
    Alexandre replied

    You are welcome

    Thanks,


    Alexandre from the Sonaar.io Crew