tarau

I was playing with one my sites and I could not make the change to lowercase either. Then I tried the following (with the !important rule), and it worked.
In you Additional CSS box try the following:

 .entry-title {
text-transform: none !important;
}

The !important rule is not normally recommended because it really overrides any other existing style change for this particular tag. However, when used with intent it can be a lifesaver. Just look for it in the future if you are trying to modify this tag again.
As for “none”, I could have used “capitalize” as well. They both worked for me.

Try this rule:

#content {    
/* reduces the gap at the top from POST to top menu bar*/

    padding-top: 35px;
}

Play with the px number to see what happens.

• This reply was modified 7 years, 1 month ago by tarau.

Hi aprosen,
I just want to share another class combination that does the same thing as my first example. Perhaps this one will work out for you whenever you give it another try:

 .page-header .page-title {
    text-transform: capitalize;
}

I was using Chrome. By pressing CTRL+SHIFT+i you get the developing tools.
Then, on the Elements TAB you can see your code on the left, and the style declarations on the right side.
By clicking the Arrows on the left, you will be opening each HTML container, and the respective CSS declarations will be shown on the right column.
You can modify those declarations to experiment with different styles on your (or any) site.
You can also add the CSSViewer extension for chrome, which allows you to click on any part of your page and see what style is applied to it.
These tools are not perfect, but they are useful for analyzing web pages.

Sorry to hear you’re still fighting it. It works for me when I test your page in the browser and modify the CSS on the fly. There must be another reason that I’m not seeing. I hope someone shows up with a positive suggestion.
:))

Hi, I’ve visited your site and noticed that you haven’t found a solution yet. Let me try again to see if this helps you:

When inspecting your page it shows that your page-title is set to ‘uppercase’ along with other class selectors such as (.page .panel-content .entry-title, .page-title).

Let me suggest to use the !important rule for now to see if you can override your default settings. Here’s my code:

.page-title {
    color: #003366;
	text-transform: unset !important;
}

I’m using ‘unset’ to bring it back to normal. Since you only use a single word, the first character is capitalized anyway. However, you can also try with capitalize as I had suggested before (along with !important;).

The !important flag overrules anything else on the page that might be changing your page-title style.

Good luck!

• This reply was modified 7 years, 1 month ago by tarau.

Hi, try adding this rule to your “Customizing Additional CSS” panel:

.page-title {    
	text-transform:capitalize;
}

Currently, it is set to ‘uppercase’.

• This reply was modified 7 years, 1 month ago by tarau.

Hi, there, I’m glad my suggestion helped somewhat. It’s hard to know exactly what you need without being there.
I think that my suggestion along with Andrew Nevins last suggestion might bring you closer to what you’re looking for.
Here’s the CSS code combination (the colors are different than the ones you’ve suggested since I took it from one of my test pages):

.site-content-contain {
    background-color: #355697;
}
.site-content .wrap {
	background-color: #FAFAFA;
}

Hope it helps.

Using your DarkGray color, try this CSS statement:

.site-content-contain {
    background-color: #A9A9A9;
}