|
tariqrazzaq
|
April 11, 2017 at 1:22 am
Hi
I would like to customise the look of the ticket selector so that it looks like a table and make the registration button an image. I am using the ticket selector short code on a page. The page thus far : https://www.mcevents.org.uk/l2p-2/
I want it to look more like the following page https://www.as-suffa.org/events/retreat-embodying-quran/
Please can you provide guidance on how to do this.
Thanks
|
|
Josh
|
April 11, 2017 at 10:38 am
Hi there,
It looks like the as-suffa.org site is using the Avada theme, so if you’re open to switching to another theme, you could switch to the Avada theme to get the similar look.
Or you can use your current theme and add some custom CSS to the Additional CSS panel in the Customize page of your WordPress dashboard. Here’s some similar CSS to what the other theme has:
.tkt-slctr-tbl-wrap-dv table {
border: 1px solid#dcdcdc;
background-color: #fff;
margin-bottom: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,.08), inset 0 0 0 1px rgba(255,255,255,.5);
}
.tkt-slctr-tbl-wrap-dv tr td {
padding: 10px;
border: 1px solid#dcdcdc;
}
.tkt-slctr-tbl-wrap-dv table th {
border: 1px solid #dcdcdc;
background: #f6f6f6;
padding: 20px;
text-align: left;
}
.ticket-selector-submit-btn[type=submit] {
padding: 1em 2em;
background: #224e8a;
text-transform: uppercase;
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#224e8a, endColorstr=#224e8a);
transition: all .2s;
border-width: 0px;
border-style: solid;
border-color: #ffffff;
border-radius: 2px;
width: 100%;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
-webkit-border-radius: 2px;
}
|
