soundcheck theme color trick

  • Author
  • #1178488


    Good morning Sir

    Can you please help me to make the body of the post white while keeping the header black ?

    Can you please see this screenshot to know what i mean

    I dont know if you know that , but their colors change togther just with different grades .

    Thank you in advance :)
    and sorry for my disturbance

    The blog I need help with is


    I’m seeing the descriptive text at the top of the photo above the title. Add the following to the bottom of your custom CSS and see if this is what you want. I’ve changed the text color to black so that it is visible.

    #hero .format-audio .entry-content, #hero .format-standard .entry-content {
    background-color: #FFFFFF;
    .slide-content .entry-content p {
        color: #000000;


    Thank you very much :)
    but i need it in the normal post content ,, not in the hero slider .

    I mean :
    the post title bar is black .
    and the post body is white .

    Hlep me please :)
    and sorry for disturbance


    Here is an example you can start with:

    #content .entry-content {
    	background: #fff;
    #content .entry-content,
    #content .entry-content h1,
    #content .entry-content h2,
    #content .entry-content h3 {
    	color: #000;

    That example will turn the content area white and most content area text black for individual posts and pages in the Soundcheck theme. It does not affect category pages. Note that you may need to add other selectors to the list in the 2nd blog if you find that you add some text in the future that doesn’t turn black. The example is based on your current content.

    I couldn’t find a way to turn the Likes post count text such as “One blogger likes this” black. This is because the Likes box is setup using an iframe and the source comes from a different domain. I don’t see a way to update that specific line of text because of the way it has been setup.



    thank you very very very very very much :)
    one last question please :)

    do you know how to make it in the widgets too ?
    the white bg ?


    do you know how to make it in the widgets too ?

    The widgets are a little harder because of how the border-radius was applied to the whole widget and not just the widget title. Try adding this:

    .grid-3 .widget,
    .grid-3 .widget a,
    .grid-3 .widget ul li li:before {
    	background-color: #fff;
    	color: #1e1e1e;
    .grid-3 .widget-title {
    	background-color: #1e1e1e;
    	border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
    .grid-3 .widget_search {
    	background-color: #1e1e1e;

    Note how I kept the original background color for the search widget. I like it like that, but you can add new CSS to adjust that if you’d like. Try figuring it out based on the other examples.

    If you need a CSS primer, try this help link as a starting place:



    thank you thank you thank you thank you thank you

    its perfect :)


    Awesome. :)

The topic ‘soundcheck theme color trick’ is closed to new replies.