Changing color in Page title

Vamsi K Nori September 18, 2013

I created a css for my space. In the Page title area, the font size is getting applied, but the text color is not getting applied. However, the change is reflecting across the space for all other H1s.

I used a simple command

h1 {font-size: 48px; color: #CCCCCC;}

How do we fix this? By the way i am using version 5.2.3.

1 answer

1 accepted

Comments for this post are closed

Community moderators have prevented the ability to post new answers.

Post a new question

2 votes
Answer accepted
Bastian Kraus September 18, 2013

the page title is an <a>-tag inside the <h1>. that tag is formatted seperatly. you have override the color of that <a> tag.

that is what the confluence page title html in 5.1.1 looks like:

&lt;div id="main-header"&gt;
	&lt;div id="navigation" class="content-navigation view"&gt; … &lt;/div&gt;
	&lt;h1 id="title-heading" class="pagetitle with-breadcrumbs"&gt;
		&lt;div class="space-logo " data-entity-type="confluence.space" data-name="..." data-key="..."&gt;
			&lt;a&gt;&lt;img class="logo global" alt="" src="/confluence/images/logo/default-space-logo-48.png"&gt;&lt;/img&gt;&lt;/a&gt;
		&lt;/div&gt;
		&lt;div id="breadcrumb-section"&gt;&lt;ol id="breadcrumbs"&gt; … &lt;/ol&gt;&lt;/div&gt;
		&lt;span id="title-text" class="with-breadcrumbs"&gt;
			&lt;a href="/confluence/display/...SPACE.../...PAGE..."&gt;
				....PAGETITLE....
			&lt;/a&gt;
		&lt;/span&gt;
	&lt;/h1&gt;
&lt;/div&gt;

you need css like:

#title-text a {
    color: red;
}
TAGS
AUG Leaders

Atlassian Community Events