|
Adam Bowie
|
August 24, 2016 at 9:55 pm
I am using the ticket selector shortcode to insert the event ticket into a custom page. I have tweaked the button to float right and some styling as well. Works great except on desktop with a large screen the button and the selector are misaligned. See link below:
https://www.dropbox.com/s/8ige3brio9hn6gx/Screen%20Shot%202016-08-24%20at%2011.07.34%20PM.png?dl=0
I have tried
.tkt-slctr-tbl{
float:right;
}
.tkt-slctr-tbl-wrap-dv {
float:right;
}
|
|
Tony
|
August 26, 2016 at 6:06 am
Hi Adam,
Can you post a link to the page so we can view this please?
|
|
Adam Bowie
|
August 26, 2016 at 10:06 am
Here is the link
http://italianlights.org/tix/
Also, on mobile the selector box is stretching off the frame.
|
|
Tony
|
August 26, 2016 at 10:49 am
The easiest way to line them up is to force the ticket selector table to use the full width using:
.tkt-slctr-tbl {
width: 100%;
}
The ticket selector table sometimes need some tweaking depending on whats been set within the theme, for your theme you should be able to use the CSS posted here:
https://eventespresso.com/topic/ee4-not-very-responsive/#post-203785
|
|
Adam Bowie
|
August 26, 2016 at 12:22 pm
Thanks for all the help.
I added the css and it lines up perfect on desktop but its still a about 15px off on my iPhone 6. What is preventing the ticket the text inside tckt-slctr-tbl-td-name from stacking? Seems like that would solve the problem.
|
|
Tony
|
August 29, 2016 at 6:23 am
What is preventing the ticket the text inside tckt-slctr-tbl-td-name from stacking?
That’s this rule from Avada –
Before – http://take.ms/QEWmo
After – http://take.ms/23eac
Try something like this:
https://gist.github.com/Pebblo/c57344363e77db271f09f1319a5b75d6
|
