soundcheck theme color trick

yourfreeway · Member · Mar 10, 2013 at 7:33 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Mar 10, 2013 at 10:29 pm
Copy link
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;
}
```
yourfreeway · Member · Mar 10, 2013 at 11:00 pm
Copy link
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
designsimply · Member · Mar 11, 2013 at 6:18 pm
Copy link
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.
yourfreeway · Member · Mar 11, 2013 at 6:38 pm
Copy link
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 ?
designsimply · Member · Mar 11, 2013 at 8:21 pm
Copy link
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/
yourfreeway · Member · Mar 12, 2013 at 3:49 am
Copy link
thank you thank you thank you thank you thank you

its perfect :)
designsimply · Member · Mar 12, 2013 at 1:24 pm
Copy link
Awesome. :)

No items found.