It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Changing color in Page title

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

1 vote
Answer accepted

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;
}

Suggest an answer

Log in or Sign up to answer
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published 6 hours ago in Off-topic

Teams behind the teams - Your nominations please!

Teams do amazing things together. We’ve talked about the myth of the lone genius and how everything is actually the result of teamwork. You might be thinking, What about a novelist writing, say, Th...

47 views 0 5
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you