Docs

[hostchimney]

Hi guys, I need direction on how to put the account button preferably with user-icon and text ‘ACCOUNT’ in the top bar. i want the button to link to the my-account page.

[hostchimney]

This reply has been marked as private.

[Darshana]

Hi there,

You can add the following code into your Topbar content.

<a data-options="thumbnail: ''" title="Example" href="#example" class="x-btn x-btn-blue-green x-btn-real x-btn-square x-btn-regular"><i aria-hidden="true" data-x-icon="" class="x-icon x-icon-user"></i> My Button</a>

Replace data-x-icon value with the following and remove spaces.

&# xf007 ;

Hope that helps.

[hostchimney]

Thanks Darshana. Worked well. I now want it aligned to the right just before Login. I tried adding an alignright class to it but it did not work.

[hostchimney]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-topbar .p-info {
    width: 80%;
}
.x-topbar .p-info .x-btn  {
   float:right;
}

Hope that helps.

[Author]

Posts