|
Andy Buck
|
September 20, 2014 at 5:19 am
Instead of a text link that displays when this is used:
[ESPRESSO_CART_LINK anchor=“Click here to register for this event” direct_to_cart=1 moving_to_cart=”Redirecting to cart…”]
Is there any simple way to get the “Click here to register for this event” to display as button, instead of a text link?
There are instructions here:
But they describe using an image as the button, which is a nuisance.
Is nested shortcode an option? (e.g. shortcode for button wrapped around shortcode for ESPRESSO_CART_LINK )
Or, does someone have a good button image that matches other buttons in EE 3 that I can use for the ![]() option?
I’m using EE3, the multiple event registration plugin and the volume discount plugin.
|
|
Andy Buck
|
September 20, 2014 at 5:21 am
Sorry, link to the page with instructions is here.
|
|
Dean
|
September 22, 2014 at 12:55 am
Hi,
You can use CSS as well. For example, here is a very ugly button I made:
.ee_add_item_to_cart {
padding: 20px;
background: green;
border-radius: 20px;
border: #000 thin dashed;
text-decoration: none;
color: #fff !important;
font-size: 20px;
text-transform: uppercase;
display: block;
text-align: center;
}
Screenshot: http://take.ms/5GsHF
You could use the existing CSS of a button as well (this isn’t 100% accurate but with some fiddling, can be made to match):
.ee_add_item_to_cart {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
text-decoration: none;
}
Screenshot http://take.ms/Qll6D
|
|
Andy Buck
|
September 22, 2014 at 1:06 am
Thanks Dean!
I’ve added the CSS and have a functional button
Will play around with the styling.
Much appreciated
|
|
Dean
|
September 22, 2014 at 1:25 am
You’re welcome!
|
