|
Trevis
|
April 14, 2014 at 10:38 am
What would be the best way to hide some of the meta boxes on the Event Overview page in the admin side? Not all are needed and will be confusing to my clients so, I’d like to clean it up for their needs without breaking the system and without having to worry about plug-in updates overwriting the method used.
Thanks!
|
|
Lorenzo Orlando Caum
|
April 14, 2014 at 11:28 am
Hi there Trevis,
I would hide these elements using CSS. If you inspect an element on a page using something like firebug or chrome developer tools, then it will show you the CSS class or id that is being used.
You could then setup something like this to hide them in a plugin like My Custom CSS:
#id .class {display:none;}
This method also makes it easy to reverse your changes.
—
Lorenzo
|
|
Trevis
|
April 14, 2014 at 4:07 pm
Thanks for the response Lorenzo. I tried your suggestion and it worked great in the Chrome developer tools panel but, when I add it to the site’s CSS is doesn’t hide the designated panels. I’m using Custom CSS from the Jetpack plugin, but I also tried adding the CSS to the theme’s stylesheet, just to check, still no luck. Even tried adding the !important tag… Here’s what I have:
<pre class=”brush: css; gutter: true; first-line: 1; highlight: []; html-script: false”>#event-meta, #event-post, #event-status, #event-discounts, #event-questions, #event-questions-additional {display: none !important;}
|
|
Lorenzo Orlando Caum
|
April 14, 2014 at 4:13 pm
Are you force refreshing the page to ensure that the new CSS is loaded?
Also, have you double-checked those CSS ids?
—
Lorenzo
|
|
Trevis
|
April 14, 2014 at 4:45 pm
Yes and yes. I copied the ids directly from the Chrome Developer Tools panel to ensure accuracy, so I’m pretty sure those are right. I’ve even tried setting it up on a single meta box in Custom CSS and my theme’s CSS and still no luck. It seriously works fine in the browser inspector, but the style I created isn’t being called when the page reloads. I’ve force refreshed and cleared the cache.
#event-status {
display: none;
}
Is there a way to comment those meta out in the PHP file or add something to the functions.php file?
|
|
Lorenzo Orlando Caum
|
April 14, 2014 at 6:48 pm
Could you link to a page where I can take a look?
—
Lorenzo
|
|
Trevis
|
April 14, 2014 at 7:10 pm
Sure. Where can I send you login info so as not to share with everyone?
|
|
Lorenzo Orlando Caum
|
April 14, 2014 at 7:15 pm
Hello,
I don’t need a login unless the site is behind a maintenance page. If that is the case, then please use this form to share that information:
https://eventespresso.com/send-login-details/
Thanks
—
Lorenzo
|
|
Trevis
|
April 14, 2014 at 7:21 pm
It’s not behind a maintenance page, but I thought you’d need to login to see how it’s affecting things on the admin side. The site is at almsp.manageinfinity.com
|
|
Lorenzo Orlando Caum
|
April 14, 2014 at 9:53 pm
I looked at your original post and I see you are referring to the WordPress admin. Jetpack’s Custom CSS module and My Custom CSS won’t work because those only load on the front end.
You would need to add the styling to the WordPress admin only. Here is an example:
http://css-tricks.com/snippets/wordpress/apply-custom-css-to-admin-area/
—
Lorenzo
|
|
Trevis
|
April 15, 2014 at 12:52 pm
That. Is. Awesome! I think you just taught a man how to fish. 🙂
That’s a super useful snippet, thanks for showing me to the right solution!
|
