Hide the Edit button when logged in (Twenty Fifteen)?

  • How do you hide the Edit button when viewing a page while logged into WordPress?

    The .entry-footer is the class responsible for displaying the footer banner with the Edit button. If you don’t like seeing this, here is one way to simply hide the entire banner when viewing your pages.

    1. Click Appearances
    2. Click Editor
    3. Click Styles.css
    4. Go to section 12.1 (Posts and pages)
    5. Find the .entry-footer class and add..

    display: none;

    Below is a screenshot showing exactly where to add the code. This will still let you to edit pages from the dashboard, but also allows you to see what your page look like to the public without having to logout..

    View post on imgur.com

    You can also hide the “Proudly powered by WordPress” in a similar manner..

    View post on imgur.com

Viewing 4 replies - 1 through 4 (of 4 total)

  • Be aware that if you edit the theme files in this manner, you’ll lose these changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features. Better to use a custom CSS plugin instead. Twenty Fifteen doesn’t have a custom CSS option, but if your theme does, you could use that option instead of a plugin.

    Thread Starter a2015

    (@a2015)

    Thanks for the tip..

    I just wanted to post a quick fix for the default WordPress 4.2.2 install without needing any extra plugins. It’s so simple, it really wouldn’t be difficult to fix again after an update.

    However, I’ll work on customizing the CSS like you suggested. Can you recommend the best Custom CSS plugin, since there are 1,000+ plugins when searching for “custom css”?

    I use Jetpack’s custom CSS module, but it’s a bit overkill if you weren’t going to use Jetpack’s other features. I prefer Simple Custom CSS as a lighter alternative.

    Thread Starter a2015

    (@a2015)

    I wasn’t planning on using Jetpack, so the Simple Custom CSS plugin works perfect.

    I’ve reverted the “Twenty Fifteen” CSS theme code code back to the default, and put my code to hide the elements in Simple Custom CSS instead..

    View post on imgur.com

    This is a much better way, so thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide the Edit button when logged in (Twenty Fifteen)?’ is closed to new replies.