|
KarenC
|
April 13, 2016 at 2:19 am
Hi, we have a members directory plugin that’s not displaying correctly when the Event Espresso plugin is activated. You can see the 2 images here. Please let me know how I can fix this.
Thanks,
Karen
|
|
Tony
|
April 13, 2016 at 5:10 am
Hi Karen,
I looks like a CSS conflict, can you link me to a page I can view this on please?
As it’s a members page I’m assuming I’ll need login details to view it, if so can you send temporary login details using this form:
https://eventespresso.com/send-login-details/
|
|
KarenC
|
April 13, 2016 at 5:20 am
Hi Tony,
Here’s the link to the member’s profile display
Member’s Profile Display
Or you can link to any member from the members directory.
You won’t need a login as it is only a staging site with sample data.
Thanks,
Karen
|
|
Tony
|
April 13, 2016 at 5:29 am
Hmmm, do you have any custom functionality hooking into EE or have you customized EE at all?
Any hidden EE shortcodes in use with that page/template?
EE is loading its global styles on that page which it should not be.
You can fix it by adding some custom styles:
.emember_profilex_detailed_box .left,
.emember_profilex_detailed_box .right {
float: none;
}
|
|
KarenC
|
April 13, 2016 at 5:50 am
I haven’t customised EE at all. In fact, normally I use another theme but I’ve changed to the default theme to test. In the other theme, I have custom CSS to display the events full width and other event presentation styles. But nothing else. With this default theme, the custom CSS should not be there anymore.
I will try what you’ve suggested with the custom styles.
Thanks,
Karen
|
|
KarenC
|
April 13, 2016 at 5:56 am
Hi Tony, thanks for your suggestion. It’s much better now. If you don’t mind, please help me with the spacing. Have a look at the page again and you’ll see that the field labels and values are stuck very close together. Please advise on the CSS to include to put some padding between them. Really appreciate your help.
Thanks,
Karen
|
|
Tony
|
April 13, 2016 at 6:04 am
Its caused by your themes ‘reset’ styles. They are removing all padding from the tables td elements.
For that page you can add:
.emember_profilex_detailed_box td {
padding: 6px;
}
Which will add the padding back onto them elements and space them out a little.
-
This reply was modified 8 years, 1 month ago by
 Tony.
|
|
KarenC
|
April 13, 2016 at 6:11 am
Thanks, Tony. I’m not sure how to add CSS to a page. Do you think it’s ok if I just add padding to the earlier CSS you’ve provided? I’ve put that in the custom CSS in theme options and it’s really easy to keep track of.
Regards,
Karen
|
|
Tony
|
April 13, 2016 at 6:17 am
Yes it should be ok to add that to the same location.
I try to be fairly specific with my selectors, for example the code I’ve provided above to fix the formatting only applies to elements with a class of .left (or .right) within a parent element with the class .emember_profilex_detailed_box
That last bit of CSS only effects td elements within an parent element with class .emember_profilex_detailed_box
So in other words that CSS will only effect elements within that table, regardless of where it is added. It will apply to other pages that use the same table, but then you likely want it to anyway.
So add that last bit of CSS in the same location you added the other and it should be fine.
|
|
Tony
|
April 13, 2016 at 6:19 am
Note, do not add the padding to the first rule set.
So NOT like this:
.emember_profilex_detailed_box .left,
.emember_profilex_detailed_box .right {
float: none;
padding: 6px;
}
but like this:
.emember_profilex_detailed_box .left,
.emember_profilex_detailed_box .right {
float: none;
}
.emember_profilex_detailed_box td {
padding: 6px;
}
|
|
KarenC
|
April 13, 2016 at 6:26 am
Thanks, Tony. Your instructions are very clear and it looks perfect now! Great support as always!
|
|
Tony
|
April 13, 2016 at 6:29 am
You’re most welcome, Karen 🙂
|
