|
UrbanNinjaOC
|
April 25, 2017 at 11:28 am
Hi there
I’m pretty sure this has been answered and I apologise for that but I don’t know how to write code so I thought I would come on here to see if someone can help me. We want to adjust our event layout page to look like this image:
https://drive.google.com/open?id=0Byxpf0x-vmm_bjRuV19IeTRWNUk
Is it possible that someone could give us some CSS code to help us with this? We also want to reduce by half the width of the dropdowns to select the number of tickets and possibly put an image in the background or at least change the colour of the background in the ticket selector section.
All help greatly appreciated!
Thanks
Rob
|
|
Josh
|
April 26, 2017 at 8:41 am
Hi Rob,
Much of what the page looks like now is controlled by your WordPress theme, so in addition to the screenshot we’d also need to be able to look at the actual web page now, or if that’s not possible, get a copy of the same WordPress theme that we can load up onto a test site. Can you post a link to the web page that you’re looking to customize or send us a copy of the WordPress theme?
|
|
UrbanNinjaOC
|
April 26, 2017 at 9:29 am
http://www.urbanninja.co.uk/events
It just looks completely blank with nothing on it – I want to change the headings of the columns, want to add another column, want to add a photo in the background – just of the ticket selector section, the rest of the page is fine.
|
|
Josh
|
April 26, 2017 at 10:06 am
OK so you can change the text in the headings with some PHP code added to a site specific plugin, you can add a photo in the background with some CSS code, and you can change the width of the ticket selector quantity column with some CSS code too. Adding a column isn’t possible at this time.
The PHP code for changing the column text involves using these 3 filter hooks:
FHEE__ticket_selector_chart_template__table_header_available_tickets
FHEE__ticket_selector_chart_template__table_header_price
FHEE__ticket_selector_chart_template__table_header_qty
So for example, you change the Qty text to “Select” with the last filter in the above list with this code:
add_filter(
'FHEE__ticket_selector_chart_template__table_header_qty',
function(){ return 'Select';}
);
You can add the above code to a functions plugin.
CSS
CSS code can be added by clicking on Customize > Additional CSS.
The following CSS will add a background image:
.event-tickets table {
background-image: url(http://urbanninja.co.uk/wp-content/uploads/2017/03/Rope-Cling-13.jpg)}
The following CSS will change the width of the last column:
.event-tickets table tr .ee-ticket-selector-ticket-qty-th,
.event-tickets table tr .tckt-slctr-tbl-td-qty {
width: 10%;
}
|
