|
Russell Collins
|
March 5, 2014 at 10:47 pm
One of the things about EE4 I was particularly attracted to was the booking form (section of the page with the tickets) was shown in a screen shot nicely laid out within a table with visible borders. What I’m getting is just lines of text fairly densely packed which is ok, but not the same. Is there a way to get the table effect simply?
|
|
Tony
|
March 6, 2014 at 4:59 am
Hi Russell,
Can you link us to the event page so we can view what is happening please?
This may simple be some styling within the theme affecting the ticket selector.
|
|
Russell Collins
|
March 6, 2014 at 4:59 pm
This is one such event page, I have about 12 like this:
http://yaktrak.com/events/zen-bullet-manali-leh-2014/
I am hoping to make the ticketing system look as clean and simple as possible as I have various options to offer.
|
|
Lorenzo Orlando Caum
|
March 6, 2014 at 6:02 pm
Hi Russell,
Event Espresso 4 comes with some basic styling and the remainder comes from the theme that is in use.
Could you share a link to the page with the screenshot?
I can share some CSS but I want to make sure I’m looking at the correct theme.
Cheers
—
Lorenzo
|
|
Russell Collins
|
March 6, 2014 at 6:57 pm
I don’t know how to add screen shots here… whenever I drop it into this box it just takes over the chat and everything disappears.
|
|
Russell Collins
|
March 6, 2014 at 7:03 pm
OK… I’ve uploaded the screenshots.
This is what I’ve got:
http://yaktrak.com/yak/wp-content/uploads/2014/03/Screen-Shot-2014-03-07-at-1.01.26-pm.png
And this is what I’m after:
http://yaktrak.com/yak/wp-content/uploads/2014/03/Screen-Shot-2014-03-02-at-8.45.49-pm1.png
The Theme is Lucid by Elegant Themes
|
|
Josh
|
March 10, 2014 at 9:56 am
Hi Russell,
Here is some CSS that will add some padding, border lines, alignment, and uppercase text in the table header for the ticket selector table that you can add to your theme’s custom stylesheet or via the Reaktiv CSS Builder plugin.
table {
border: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
th,
td {
font-weight: normal;
text-align: left;
border: 1px solid #ededed;
padding: 10px;
}
th {
font-weight: bold;
text-transform: uppercase;
}
|
