- This topic has 7 replies, 2 voices, and was last updated 5 years, 2 months ago by
.
Hi how do i add a button in the header like on the gillion home page on the top right in purple?
Hi @OctopiStimuli,
I hope you are well today and thank you for your question.
It is created by adding custom menu item in the menu having sh-nav-purchase-button class and then adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-nav-purchase-button:hover { opacity: 0.7; } .sh-nav-purchase-button { background-color: #a55bcf; background: linear-gradient(to right, #a55bcf , #a55bcf); padding: 0 34px; margin-left: 25px; border-radius: 100px; display: inline-block; box-shadow: 0 6px 18px rgba(0,0,0,0.3); margin-top: -7px; margin-bottom: -7px; line-height: 56px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); transition: 0.3s all ease-in-out; font-size: 12px; color: #ffffff; }Best regards,
Shufflehound teamThank you for that,
I want the members text in the menu to be the a button like the above in the turqouise colour, so it takes them to the members section, is that possible?
staging.octopistimuli.com<wbr />/beinew<wbr />/members
I have included a screenshot below.
Yes, it is possible and you can achieve it as described in the above reply.
Thank you.
So what do i call the class for that?
Also would it be possible to do it for a login button too and what would the class for that be?
As said above you have to use the same class sh-nav-purchase-button for every button that you want to create.
Hi I added the button to a custom menu item and added that to the menu
However, the button doesnt look like th eone on the gillion website sample, the position is beside the menu instead of beside the icons on the far right.
See screeenshot below.
It also depends on which header layout you are using on your site.
Could you please share me the page URL from your site where it is not displaying correctly so that I can troubleshoot it?
