Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

Themes /

Discuss SilverStripe Themes.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Earthing Problem


Go to End


2 Posts   1832 Views

Avatar
Jared

Community Member, 1 Post

4 April 2013 at 7:00pm

Sorry if this is in the wrong subforum D:

When I edit the page.ss file with the new header text and slogan/subtext, none of it is capitalized, I have checked the file and it is, not sure what I'm doing wrong... Forgive me if it's just idiocy/operator error, website design/cms is like dropping me in the middle of Japan :S

Avatar
martimiz

Forum Moderator, 1391 Posts

5 April 2013 at 4:52am

Edited: 05/04/2013 5:05am

Hi Jared,

Just to be sure - which theme are you using?

This might be a stylesheet issue, meaning there might be a style from your CSS file applied to the header that puts everything back to lowercase again, no matter how hard you try...

EDIT - sorry - eartling is a theme, I see :). And yes, look in earthling/css/layout.css: find the following bit of code:

#Header * {
	text-transform: lowercase;                                                      <-- here
	color: #FFFFFF;
}

and remove the line text-transform: lowercase;

Next in earthling/css/layout.css there are a couple of headers being set to lowercase:

.typography h2, h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(../images/img3.gif) repeat-x left bottom;
	text-transform: lowercase;                                                      <-- here
	letter-spacing: -1px;
}

and again

h2, h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(../images/img3.gif) repeat-x left bottom;
	text-transform: lowercase;                                                       <-- here
	letter-spacing: -1px;
}

Remove, and see what happens :)