Create from Template button misalignment with Create button

[Andrew_Zhao]

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.

[Shannon S · Accepted solution]

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:

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

[Andrew_Zhao]

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

[Shannon S]

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

[Andrew_Zhao]

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>

[Shannon S]

Hello Andrew,

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

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: 

• How Do I Add Links to Confluence 5.x's Top Global Header/Navigation Bar?

Let me know if you have any trouble.

Regards,

Shannon

[Andrew_Zhao]

I added a customized CSS to fix the position.

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

[Andrew_Zhao]

Shannon, thanks for excellent support. :)

[Shannon S]

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