Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

soundcheck theme color trick

  1. yourfreeway
    Member

    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

    http://dl.dropbox.com/u/4188572/soundcheck.jpg

    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 reveriefoundation.wordpress.com.

  2. thesacredpath
    Member

    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;
}

  3. yourfreeway
    Member

    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

  4. designsimply
    Staff

    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.

  5. yourfreeway
    Member

    Perfect
    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 ?

  6. designsimply
    Staff

    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:
    http://www.htmldog.com/guides/cssbeginner/

  7. yourfreeway
    Member

    thank you thank you thank you thank you thank you

    its perfect :)

  8. designsimply
    Staff

    Awesome. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags