Skip to content

Instantly share code, notes, and snippets.

@joshfeck
Created March 11, 2015 20:16
Show Gist options
  • Save joshfeck/cb313816492a62b57945 to your computer and use it in GitHub Desktop.
Save joshfeck/cb313816492a62b57945 to your computer and use it in GitHub Desktop.
This is an example of a custom stylesheet that can be used to print a very narrow ticket with Event Espresso 3's ticketing add-on.
body{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.outside {
width:100%;
}
.instructions {
background-color:#333;
text-align:center;
color:#FFF;
font-weight:bold;
margin-bottom:0.5em;
width: 87.5%;
padding: 10px;
border: 1px solid black;
}
.ticket {
width: 87.5%;
padding:20px 0;
text-align: justify;
margin:20px auto;
}
.top_event_title {
font-size: 36px;
font-weight:bold;
margin:0;
padding:0;
}
.logo {
margin-top:2em;
width: 87.5%;
}
.qr_code {
/* Added this so the QR image will line up with the text and Gravatar */
margin-top:0px;
}
.gravatar {
}
.price {
font-size:2em;
}
.extra_info {
width: 87.5%;
padding: 10px;
text-align: justify;
}
.divider {
border-bottom:dashed #333 1px;
width:100%;
height:1px;
margin:10px auto;
}
.extra_info p {
width: 100%;
font-size: 11pt;
}
.footer {
font-size:11px;
width: 87.5%;
}
img {
max-width:100%;
height: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment