|
Chandler Scarborough
|
January 28, 2014 at 3:03 am
from thee page: /event-registration/?regevent_action=show_shopping_cart
Text within the table is displayed way too large. The source code for the page shows:
<div class=”content”>
<STYLE TYPE=”text/css”>
<!–
.blacktable, .blacktable TD, .blacktable TH
{
background-color:black;
color:white;
}
th {font-size:300%;}
td {font-size:150%;}
padding-top:100px;
padding-bottom:100px;
padding-right:25px;
padding-left:25px;
–>
</STYLE>
But I can’t find where this is coming from. I’ve searched all the style sheets and cannot find it.
Any ideas??
|
|
Dean
|
January 28, 2014 at 4:47 am
Hi Chandler,
That is a little on the large side. The code you listed is definitely the one thats causing it but it isn’t being added by Event Espresso.
As such the best advice I can offer is to troubleshoot: disable all plugins except EE and see if it goes. If it doesn’t its your theme. If it does go, then it is one of the plugins. Reactivate them one by one checking the cart each time until you find the offending plugin.
You may also want to update your theme it is behind on version numbers.
As a hack rather than a fix, you could add the following to your CSS:
.multi_reg_cart_block th {font-size:14px !important;}
.multi_reg_cart_block td {font-size:14px !important;}
|
|
Chandler Scarborough
|
January 28, 2014 at 9:18 am
Thanks for the quick reply! I’ll go back and try to disable and test the plugins later, but the hack fixed my immediate problem. Thanks!
On a related note, in the dropdown menu for selecting quantity of tickets, the value selected is visibly highlighted within the dropdown list but no value is displayed on that page after leaving the dropdown.
The form calculates correctly based on the selection, but I worry it might be confusing for some customers. I’d originally thought this was tied to the font-size issue, but it’s still here.
Any ideas?
|
|
Seth Shoultes
|
January 28, 2014 at 9:59 am
Can you please post a link to the events list page?
|
|
Tony
|
January 28, 2014 at 11:06 am
Hi Chandler,
This is caused by your theme. Within the themes global.css file (/_inc/css/global.css) is this:
media="all"
select {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #FFFFFF;
padding: 4px 2px;
border-top: 1px solid #aaa;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #aaa;
margin-bottom: 8px;
font-size: 1em;
color: #666666;
width: 90%;
}
The width: 90%; rule is causing this. You can either remove that from the theme or override it for Event Espresso output using:
.event-data-display select {
width: auto;
}
|
|
Chandler Scarborough
|
January 28, 2014 at 1:14 pm
Awesome! That did the trick!
|
|
Dean
|
January 29, 2014 at 1:35 am
Good stuff! I’ll mark this thread as resolved.
|
