Posted: February 4, 2015 at 1:51 pm
|
I just bought the EE4 plugin and i’m using it together with the Divi theme. When I use the ticket selector shortcode to integrate EE in my pages the layout is a bit mixed up. see this page as example. Can someone help me to get EE work more nicely with this theme? Would be nice to get the register now button more in the same style as the Divi theme as well. |
Hi David, How are you today? Can you provide a link to your example please? |
|
|
Oops forgot to add the link http://thocc.sebastienkalonji.com/project/expert-class-ccm/ |
Hi there David, You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension). This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS. Try this CSS: .ticket-selector-submit-btnt:hover { padding: 6px 20px !important; } .ticket-selector-submit-btn:hover { background: rgba( 0, 0, 0, 0.05 ); border: 2px solid transparent; padding: 6px 34px 6px 14px !important; } .ticket-selector-submit-btn { font-family: inherit; display: block; float: right; margin: 8px auto 0; cursor: pointer; } .ticket-selector-submit-btn { font-size: 20px; font-weight: 500; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 20px; line-height: 1.7em; background: transparent; border: 2px solid; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; } .ticket-selector-submit-btn { color: #7cc68d !important; } It should look like this which is similar to the button on the contact page: http://cl.ly/image/2V0j3K2b1M0L —
|
|
|
Sweet! Tnx Dou you also know how I can get the frame (border) of the EE module right? In IE the border looks good but in Chrome and Safari the border is missing on the right side. |
Hi David, Can you provide a screenshot so we know exactly where to look? https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots Thanks — |
|
|
See >> http://thocc.sebastienkalonji.com/wp-content/uploads/2015/02/E2E_Performance_Management_-_THoCC.png |
Hi, this styling from your theme’s stylesheet is triggering this: /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } — |
|
|
Tnx |
The support post ‘Divi theme and EE4’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.