Docs

[bradkerin]

Hi there,

Your team was very helpful a little while ago in showing me how to add a login button to my header – https://community.theme.co/forums/topic/add-a-login-button-to-my-header/

I have made some changes to the site (switched from renew to integrity) and added some portfolio CSS and now the button settings do not work. It should be an orange pill shape, but it now it is a transparent round button (top right) – https://community.theme.co/forums/topic/add-a-login-button-to-my-header/

I think there is probably some conflicting CSS, but am an amateur so was hoping you could assist and see what I’ve done wrong?

Thanks so much!

[bradkerin]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.site .x-navbar .desktop .x-nav > li.x-menu-item-custom-login > a {
    height: auto !important;
    padding: 10px 15px !important;
    margin-top: 15px;
    margin-left: 10px;
    border-color: #ffc018;
    color: #ffc018;
    text-shadow:none;
}

.site .x-navbar .desktop .x-nav > li.x-menu-item-custom-login > a:hover {
    box-shadow: inset 0 4px 0 0 rgba(0,0,0,0.15);
    border-color: #f1b500;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.65);
}

Hope this helps – thanks!

[bradkerin]

Wonderful – that has solved the problem. Thanks so much!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts