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
Community showcase
Posted in United States

Live! - Austin ACE -- Summer BASH 2019

Hey Austin! Come join us for our 2019 Atlassian Community Summer BASH as we transition ourselves into party status! Bring an attachment, log a great time, and collaborate with new friends as we celeb...

23 views 0 0
View post

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you