- This topic has 3 replies, 2 voices, and was last updated 10 years, 9 months ago by
.
-
Posts
-
Can I add a book now button to the top of a single event page like this one:
http://www.milkwood.net/course/fermentation-workshop-150726/Hey Sharon,
Yes, you can do this in a number of ways. First, you need to an HTML element like a <div> to your page, and make sure it has an ID attribute. This is what the “link” will link to.
So, for example, on the website you provided, they added a div tag at the very bottom of their post content, which is right before where the tickets box is generated. Their div looks like this:
<div id="myAnchor"></div>
Then, to add the “Book Now” link, just add a <a>: tag that links to #myAnchor, like this:
And that’s all!
If you want to be able to write custom CSS so you can style that link to look like a button or something, add a CSS class name to it and then style it with CSS like this:
And then, to make it a red button with white text in your CSS for example:
a.book-now-example {
display: inline-block;
color: #fff;
background: red;
padding: 10px 15px;
border-radius: 3px
}
Hopefully this gives you a good run-down of all the components that go into adding a button like that on your site.
Cheers!
George
- The topic ‘Can I Add a Book Now Button’ is closed to new replies.