Docs

[TomasJarvling]

Hi guys.
Need some help.
On this page: http://lasatter.jarvendesign.se I am working on a page for a new customer. I would like to have a button “Book here” somewhere above the menu (so that the button is always there) linking the visitor to the booking page.
Do you know how I could do this?

Tomas

[Christian]

Hey Tomas,

In Appearance > Customize > Header, enable the Topbar and insert

<a href="#" class="x-btn">Book Here</a>

as content. Change # with your URL.

Thanks.

[TomasJarvling]

Perfect. Is it possible to remove the line underneath it and style it like the buttons in the head menu (rounded and with a gray border)

Tomas

[Christian]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.x-topbar {
    border-bottom: 0;
}

.x-topbar .p-info {
    float: right;
}

Hope that helps. 🙂

[TomasJarvling]

thanks. The line underneath was removed. But is it possible to style this button as one of the buttons in the main menu, rounded corners, soft gray border etc?

[Thai]

Hi There,

Please try with this CSS:

.x-topbar .p-info a.x-btn {
    border: 1px solid rgba(0,0,0,0.075);
    color: #c8b46f;
}

Hope it helps 🙂

[TomasJarvling]

100% perfect

[Rad]

Glad to hear that!

[Author]

Posts