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

Next challenges

Recent achievements

  • Global
  • Personal

Recognition

  • Give kudos
  • Received
  • Given

Leaderboard

  • 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 misalignment with Create button Edited

Once login to Confluence, a "Create from template" button is displayed on the right of "Create" button on the top of the page. However, the button is misalignment, which is lower than the line of Create button.Create from template button.PNG

1 answer

1 accepted

0 votes
Answer accepted

Hello Andrew,

Thank you for contacting us about this. 

It appears that your Confluence instance has some customization on it, or you're using a browser add-on to customize the look. Here's how it should look:

CleanShot 2019-11-01 at 15.25.46.png

You can try clearing any customizations in your site and see if you continue to have that issue.

Let me know if you have any trouble.

Regards,

Shannon

Actually, there is no customization made upon our Confluence. It is running behind IBM ISAM reverse proxy.

Andrew,

That's very odd then; something else in your environment is causing Confluence to look like that. For example, the word "wiki" doesn't get added to the top of the navigation bar in Confluence, so you might have an add-on that's doing that if your team hasn't added any customizations. In fact, it could be the addition of the word wiki that threw off the rest of the alignment, so you will want to look into how that was added to your instance.

You can test it outside of your proxy, from a different network, or try installing a fresh copy of Confluence elsewhere and create a Staging Environment and see if you're able to correct the issue.

You will also want to make sure to try it from another browser, using Incognito Mode, and ensure that no add-ons are installed that might be causing that issue.

Let me know if you have any trouble!

Regards,

Shannon

Finally, I found that the CSS class "aui-icon" of <span>Create</span> caused the vertical-align:top to move the vertical alignment down. How do I remove or ignore vertical-align:top?

<a href="/Wiki/pages/createpage.action?spaceKey=ISAM&amp;fromPageId=1081406" id="create-page-button" class="aui-button aui-button-primary clc-create-dialog-btn" title="Create from template" tabindex="0">
<span class="aui-icon aui-icon-small aui-iconfont-more">Create </span></a>

Hello Andrew,

Thank you for your follow-up. Specifically, the class .aui-icon within .aui-header has the vertical align set:

CleanShot 2019-11-12 at 14.26.00.png

Were you able to track down where the customization was made in your instance? It would help us to see the exact code you're using in order to let you know how to fix it. Please provide that to me and I can have a look for you.

Additionally, if you were just trying to add text to your global navigation bar, you can try the following Javascript workaround instead: 

Let me know if you have any trouble.

Regards,

Shannon

I added a customized CSS to fix the position.

#create-page-button .aui-icon{
margin: -1px 0;
vertical-align: text-top;
}

Like Shannon Spaniol likes this

Shannon, thanks for excellent support. :)

Andrew,

Thank you for letting me know you were able to solve the issue!

Take care, and have a pleasant rest of your week.

Regards,

Shannon

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Posted in Confluence

What do you think is the most *delightful* Confluence feature? Comment for a prize!

- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...

463 views 24 9
Join discussion

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