Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Next challenges

Recent achievements

  • Global
  • Personal


  • Give kudos
  • Received
  • Given


  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

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

Create from template button background color issue

In the past I was able to post the following CSS in the global stylesheet to make the background of the button white but since 7.7.3 the button continues to be transparent. 


/*changes the transparent create from template button to have white background*/

#main-content a.create-from-template-button {background-color: #f2f2f2;}


Any CSS help would be appreciated.

2 answers

Hi @Jonathan Smith ,

You can use the following CSS in your space stylesheet 

#main-content a.create-from-template-button {
background-color: rgba(0, 0, 255, 0.3);

@Soumyadeep Mandal The code did not work at the global stylesheet or space stylesheet level.

Note: My use case is to put the button in a table.


Like Soumyadeep Mandal likes this

Hi @Jonathan Smith ,

You can use 

background-color: rgba(255, 255, 255, 1);


background-color: rgb(255, 255, 255);


background: #fff;


background-color: rgba(255, 255, 255, 0.1);

 to make the background white!

Like Monika Rani likes this

@Soumyadeep Mandal Background is too generic, it needs to be 'create from template' button focused.

I am not sure if !important thrown in-front of the code above would force the button background to be dominant or not.

0 votes
Brant Schroeder Community Leader Dec 31, 2020


#main-content a.create-from-template-button {background-color: #f2f2f2;} is actually a very light grey.  Using the hex value of #ffffff will make it white. #main-content a.create-from-template-button {background-color: #ffffff;}

The table's background color seems to trump the button color.

Brant Schroeder Community Leader Jan 04, 2021

can you inspect the element in the browsers and share the HTML.  Can you also share the CSS that you are applying on the table.

Like Monika Rani likes this

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence

Announcing Team Calendars in Confluence Data Center

Hi Community! We're thrilled to share that Team Calendars for Confluence is now a built-in feature for Confluence Data Center releases 7.11 and beyond.  A long time favorite,  Team Cale...

78 views 0 3
Read article

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