|
tapps
|
December 1, 2014 at 10:23 pm
I have installed EE3 v3.1.36.6.P as a new install of WordPress 4.0.1 with the following EE add-ons (EE-Calendar v 2.2.4.p, EE – Custom Template Display v1.1.p, EE – Permissions v 1.5.5.p, EE-Social Media v 1.1.7.p, EE-Ticketing v 2.1.p, EE-API Plugin v 2.1.3.P)
I have installed all of this on the following domain – http://tapps.biz/event-registration/; however, no matter which event I register for, the confirm registration page that presents the “Confirm Registration” buttons, the button layout is not right. The text font and color on each button is #ffffff and the buttons text gets cutoff. I have attempted to change it in the CSS; however, after some research I have discovered that those button styles are dictated by the “Themeroller Style” that I select under “Template Settings” but unfortunately no matter what themeroller style I choose, it does nothing for those buttons! It will change the primary registration page look and design, but it won’t change anything on the “Confirm Registration” page.
At this point any advice you can give would be GREATLY Appreciated as right now we are at a stand still!
Here is a screenshot of what I am experiencing even though I have black-tie as the themeroller style selected – https://tapps.biz/wp-content/uploads/2014/12/ee-confirm.png
|
|
Josh
|
December 2, 2014 at 10:22 am
Hi tapps,
Does it look okay if you disable Themeroller?
|
|
tapps
|
December 2, 2014 at 7:51 pm
When I disable Themeroller it does not solve the problem. Actually when I disable Themeroller it makes all the buttons look like the buttons look jacked up exactly like the ones showing up on this page – http://tapps.biz/wp-content/uploads/2014/12/ee-confirm.png – yes even the ones on the main event-registration page!
|
|
Lorenzo Orlando Caum
|
December 3, 2014 at 5:50 am
Hi, this is coming from your theme. Specifically, there is some CSS for this in your theme’s style.css file:
input[type="submit"]{
border:2px solid #840009;
height:35px;
padding:5px;
width:100px;
cursor:pointer;
color:#FFFFFF;
text-transform:uppercase;
font-size: 15px;
font-family: "Century Gothic";
background:url("images/button.png") repeat-x;
}
At the end of the styles above, there is a reference to a button image. However, that button can’t be found in your theme as its showing 404:
http://cl.ly/image/3d2H383a0O0j
Commenting out that last style should fix the issue:
http://cl.ly/image/181q1y191P1G
—
Lorenzo
|
