|
hoffman
|
February 13, 2015 at 8:16 am
Hi
I want to be able to make the ticket selection area stand out bit more, it gets lost on the page. I’ve already removed all the tiny ticket selector info which is a bit confusing so it’s just a simple area: http://screencast.com/t/hgNOiCgp6T3I. I want to add a backgound, border etc nothing too exciting. I found “thead” and “tbody” but if I add any CSS to my theme with these classes it doesn’t take effect. Do I need to add something else such as event_espresso single event etc?
Thanks
|
|
Sidney Harrell
|
February 13, 2015 at 12:13 pm
Hi hoffinst,
You probably do not have a high enough specificity score on the css rule you added. I made a screencast tutorial here: http://youtu.be/l4y5dyqQzz4
Let me know if that’s helpful.
|
|
hoffman
|
February 16, 2015 at 9:16 am
Hi
Actually it did work in the end using:
/* ticket selector background */
thead {background-color: #F1D9C8;
}
tbody {background-color: #F2F1EF;
}
|
|
Josh
|
February 16, 2015 at 8:14 pm
Hi there,
If you find it’s causing other tables on your site to change colors, you can add an EE specific class to the selector to target that table only.
|
|
hoffman
|
February 19, 2015 at 9:02 am
It does add a background throughout the checkout process but this doesn’t appear to be a bad thing otherwise it’s hard to see on the overall page.
|
|
Tony
|
February 19, 2015 at 12:56 pm
Hi,
That code will add those background to any table across all of your site.
If that does become a problem just let us know.
|
|
hoffman
|
February 19, 2015 at 3:31 pm
Hi
That might start causing issues in the future – what is the selector so that it only appears on EE related events – I have to say some id’s are hard to pin down and I couldn’t find one that could only style this: http://screencast.com/t/j8gcGOvH5B
thanks
|
|
Tony
|
February 20, 2015 at 5:02 am
Something like this should only apply to the ticket selector.
.tkt-slctr-tbl-wrap-dv thead {
background-color: #F1D9C8;
}
.tkt-slctr-tbl-wrap-dv tbody {
background-color: #F2F1EF;
}
-
This reply was modified 9 years, 9 months ago by
 Tony.
-
This reply was modified 9 years, 9 months ago by Tony. Reason: Fixed code formatting
|
