The new way styles are loaded in WPMU-Nelo to v. 2.2.2 is wreaking havoc on our layout, and I have a number of questions...
What is the reason for loading styles via options now? Was no consideration made for styles that need to be loaded by plugins? Is there a way to revert to the old styling method in v. 2.1.7? If not, could somebody please take a moment to compare the dev site at tripawds.net where I have updated Nelo with our live site at tripawds.com and help me resolve these issues:
NOTE: I have uncommented @import url('lib/css/child-style.css'); in child/style.css as instructed, updated our child theme styles using child/lib/css/child-style.css and added the #custom to numerous custom styles which seem to be getting applied correctly. The cforms plugin, however, already uses #cf to identify many styles in their stylesheet (which I have added to child-style.css with no affect), and Simple:Press uses far too many styles to mess with.
Thank you in advance for taking the time to help resolve these issues caused by the theme update.
The new way styles are loaded in WPMU-Nelo to v. 2.2.2 is wreaking havoc on our layout, and I have a number of questions...
What is the reason for loading styles via options now? Was no consideration made for styles that need to be loaded by plugins? Is there a way to revert to the old styling method in v. 2.1.7? If not, could somebody please take a moment to compare the dev site at tripawds.net where I have updated Nelo with our live site at tripawds.com and help me resolve these issues:
NOTE: I have uncommented @import url('lib/css/child-style.css'); in child/style.css as instructed, updated our child theme styles using child/lib/css/child-style.css and added the #custom to numerous custom styles which seem to be getting applied correctly. The cforms plugin, however, already uses #cf to identify many styles in their stylesheet (which I have added to child-style.css with no affect), and Simple:Press uses far too many styles to mess with.
Thank you in advance for taking the time to help resolve these issues caused by the theme update.
8202 pointsLike some sort of WPMU DEV GodMindblowingly helpful memberLifetime member
WPMU DEV Fanatic
—
5th January 2012 (4 months ago)
#
Hi jcnjr,
I'm not sure why any changes were made to the css myself. I'll ask one of the theme developers to take a look here. As for the styling on your site, the main issue is that you need to have additional styles somewhere, correct?
As for the styling on your site, the main issue is that you need to have additional styles somewhere...
Right, as I mention above both cforms II and Simple:Press both use their own stylesheets – which I'm sure numerous other plugins do – and these load fine in Nelo 2.1.7. With css now being loaded from wp_enqueue_scripts() all heck breaks loose.
Unless there is some specific reason for loading css via functions.php, I'd love to hear a way to revert this theme to loading them the old way. Otherwise I suggest the new way be fixed to allow loading of other stylesheets.
Sorry to bump this but it's been a week and I'm hoping Richie, or somebody, can provide some feedback here...
After updating our parent Nelo theme to 2.2.4 various styling issues and conflicts with plugin stylesheets persist, while some seem to have been fixed. Is there any way to revert to the previous styling method, or can we somehow ensure that this new method plays nice with plugins that have their own stylesheets?
Thanks Richie! But that didn't make a difference for certain styles. I cleared my cache and confirmed that all the Simple:Press styles still aren't getting applied properly in our forums after this edit.
Also, not a plugin related style issue, but since the theme update many tables used throughout our site now have a thin grey border. I've tried editing the #custom .post-content table styles in child/lib/css/ but that didn't help. There is also a white gap beneath the header image above the nav menu that does not appear on our live site using v.2.1.7.
Can you please provide any help to resolve these issues?
FYI: Best example of these issues is to compare the two pages below...
- that should remove the line border on table in member, blogs and store
@contact styling issue
both site using different css....net use cform.css and .com use wide_form.css
is it the same plugin or maybe some setting need to save in .com
.net had the better form styling tho
Thanks Richie! That got rid of the table border. I wasn't able to remove it with any #custom child styles, even though that's how I fixrd styling on the contact page.
I guess I'll need to just live with the new white gap that appears beneath our header image and navigation menu bar? I did hack the header to include our random banner images, but can't figure our how to remove that white space that appeared after updating Nelo.
5596 pointsLike some sort of WPMU DEV GodMindblowingly helpful memberLifetime member
Support Kangaroo
—
4th February 2012 (3 months ago)
#
Greetings jcnjr :-)
to bring this issue up front again I am replying - hopefully our developer will have this issue resolved this soon so that you may apply the cure to your active site :-)
Well... the white gap issue persists after the update to v. 2.2.5, and I confirmed that turning on WP_DEBUG removes the gap. Guess I'll just have to live with that if nobody has a recommended fix.
I've started a new topic with more serious issues resulting from the Nelo theme update here.
10635 pointsLike some sort of WPMU DEV GodMindblowingly helpful memberLifetime member
Sales & Support Lead
—
14th February 2012 (3 months ago)
#
Hiya Jim,
Thanks for posting your results and fix. I wasn't able to reproduce this issue on my install unfortunately so don't know what was causing the extra spacing either. Have mentioned this to Richie though as he's the guru on these :)
Responses (15)
WPMU DEV Fanatic — 5th January 2012 (4 months ago) #
Hi jcnjr,
I'm not sure why any changes were made to the css myself. I'll ask one of the theme developers to take a look here. As for the styling on your site, the main issue is that you need to have additional styles somewhere, correct?
-David
Member — 5th January 2012 (4 months ago) #
Right, as I mention above both cforms II and Simple:Press both use their own stylesheets – which I'm sure numerous other plugins do – and these load fine in Nelo 2.1.7. With css now being loaded from wp_enqueue_scripts() all heck breaks loose.
Unless there is some specific reason for loading css via functions.php, I'd love to hear a way to revert this theme to loading them the old way. Otherwise I suggest the new way be fixed to allow loading of other stylesheets.
Thanks for asking!
Member — 16th January 2012 (4 months ago) #
Sorry to bump this but it's been a week and I'm hoping Richie, or somebody, can provide some feedback here...
After updating our parent Nelo theme to 2.2.4 various styling issues and conflicts with plugin stylesheets persist, while some seem to have been fixed. Is there any way to revert to the previous styling method, or can we somehow ensure that this new method plays nice with plugins that have their own stylesheets?
Thanks!
Geeky Developer — 17th January 2012 (4 months ago) #
hi jcnjr
its related to wp_enqueue_scripts() ys wp_head() action order.
try open up functions.php and edit line 39
to
add_action( 'wp_head', 'devtheme_load_styles',2 );and see if the styling still conflicted with the plugin stylesheet.
Member — 17th January 2012 (4 months ago) #
Thanks Richie! But that didn't make a difference for certain styles. I cleared my cache and confirmed that all the Simple:Press styles still aren't getting applied properly in our forums after this edit.
Also, not a plugin related style issue, but since the theme update many tables used throughout our site now have a thin grey border. I've tried editing the #custom .post-content table styles in child/lib/css/ but that didn't help. There is also a white gap beneath the header image above the nav menu that does not appear on our live site using v.2.1.7.
Can you please provide any help to resolve these issues?
FYI: Best example of these issues is to compare the two pages below...
Test Site w/ Nelo 2.2.4
http://tripawds.net/store/
Live Site w/ Nelo 2.1.7
http://tripawds.com/store/
Geeky Developer — 22nd January 2012 (4 months ago) #
hi jcnjr
@table line issue in .net (nelo 2.2.4)
open nelo/lib/css/base.css line 1415+ delete this code
- that should remove the line border on table in member, blogs and store
@contact styling issue
both site using different css....net use cform.css and .com use wide_form.css
is it the same plugin or maybe some setting need to save in .com
.net had the better form styling tho
Member — 23rd January 2012 (4 months ago) #
Thanks Richie! That got rid of the table border. I wasn't able to remove it with any #custom child styles, even though that's how I fixrd styling on the contact page.
I guess I'll need to just live with the new white gap that appears beneath our header image and navigation menu bar? I did hack the header to include our random banner images, but can't figure our how to remove that white space that appeared after updating Nelo.
Any suggestions? Final question, I promise!
Geeky Developer — 29th January 2012 (3 months ago) #
hi jcnjr
i still unable to figure out the white gap issue...seeing they use the same css and both had the same styling..thats odd isnt it?
will check on the older version and new version comparison and getback to this thread asap.
cheers
Member — 29th January 2012 (3 months ago) #
Thanks for your time Richie! I won't update the live site until I hear back.
Support Kangaroo — 4th February 2012 (3 months ago) #
Greetings jcnjr :-)
to bring this issue up front again I am replying - hopefully our developer will have this issue resolved this soon so that you may apply the cure to your active site :-)
Joe :-)
Member — 5th February 2012 (3 months ago) #
Thanks for the bump Joe!
Member — 10th February 2012 (3 months ago) #
Upgrading to 2.2.5 now on our test site and will report back if issues persist. But here's a rather interesting anomaly!
If I activate WP_DEBUG (true), the white gap under the header disappears. Change it back to false nd the gap shows up again! :-\
[crosses fingers]
Member — 11th February 2012 (3 months ago) #
Well... the white gap issue persists after the update to v. 2.2.5, and I confirmed that turning on WP_DEBUG removes the gap. Guess I'll just have to live with that if nobody has a recommended fix.
I've started a new topic with more serious issues resulting from the Nelo theme update here.
Member — 11th February 2012 (3 months ago) #
FYI...
I was finally able to remove the white gap beneath our header image by adding the following to child/lib/css/child-style.css
This attribute is identical to #navigation in the base stylesheet, with margin: 0; changed to margin-top: -2px;
It's a hack, but it works. And as to why it was necessary? I have no idea...
Thanks again for all the help. Hopefully this may be useful to others.
Sales & Support Lead — 14th February 2012 (3 months ago) #
Hiya Jim,
Thanks for posting your results and fix. I wasn't able to reproduce this issue on my install unfortunately so don't know what was causing the extra spacing either. Have mentioned this to Richie though as he's the guru on these :)
Become a member