Support

Home Forums Event Espresso Premium Divi theme and EE4

Divi theme and EE4

Posted: February 4, 2015 at 1:51 pm

Viewing 8 reply threads


David Gybels

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.


Garth

  • Support Staff

February 4, 2015 at 2:09 pm

Hi David,

How are you today?

Can you provide a link to your example please?


David Gybels

February 4, 2015 at 2:44 pm

Oops forgot to add the link http://thocc.sebastienkalonji.com/project/expert-class-ccm/


Lorenzo Orlando Caum

  • Support Staff

February 4, 2015 at 5:05 pm

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


Lorenzo


David Gybels

February 4, 2015 at 10:58 pm

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.


Lorenzo Orlando Caum

  • Support Staff

February 5, 2015 at 8:51 am

Hi David,

Can you provide a screenshot so we know exactly where to look?

https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots

Thanks


Lorenzo


David Gybels

February 5, 2015 at 12:19 pm

See >> http://thocc.sebastienkalonji.com/wp-content/uploads/2015/02/E2E_Performance_Management_-_THoCC.png


Lorenzo Orlando Caum

  • Support Staff

February 5, 2015 at 12:53 pm

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;
}


Lorenzo


David Gybels

February 5, 2015 at 1:31 pm

Tnx

Viewing 8 reply threads

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.

Event Espresso