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're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Themes /

Discuss SilverStripe Themes.

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

Earthing Problem


Go to End


2 Posts   1251 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 :)