# Page Publishing

**URL:** https://meta.discourse.org/t/page-publishing/151971
**Category:** Site Management
**Tags:** how-to, page-publishing, content
**Created:** [May 19, 2020, 6:56pm UTC](https://meta.discourse.org/t/page-publishing/151971 "2020-05-19T18:56:39Z")
**Posts on this page:** 1
**Showing post:** 145

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [February 7, 2023, 12:38pm UTC](https://meta.discourse.org/t/page-publishing/151971/145 "2023-02-07T12:38:43Z")

</div>

An alternative to Page Publishing - another method is to use CSS to _ **remove** _ the unwanted elements on a regular Topic Post, while preserving all of the functionality (i.e. Javascripts in installed Theme Components, and CSS styling, etc.)

Tags in the composer can be used to selectively apply formatting to a specific Topic Post.

For example, on my site I achieve this by pasting the following CSS into my theme’s CSS in the _Common_ tab:

```plaintext
/ **********************REMOVE THINGS FROM LAYOUT USING TAGS*************** /

.tag-no-header {
    .d-header {
        display: none !important;
    }
    #post_1 nav.post-controls .actions button.edit {
    top: 0px !important;
    }
    .topic-body h1 {
        padding-top: 0 !important;
    }
}

.tag-no-sidebars {
    aside.sidebar {
        display: none !important;
    }
}

.tag-no-category {
    .topic-category {
        display: none !important;
    }
}

.tag-no-timeline {
    .topic-navigation {
        display:none !important;
    }
    .container.posts {
        grid-template-columns: 100% !important;
    }
    .topic-body {
    width: 100% !important;
    }
}

.tag-no-post-links {
    .post-links-container {
        display:none !important;
    }
}

.tag-no-box-shadow {
    .topic-body {
        width: 100% !important;
        border-top: none !important;
        box-shadow: none !important;
        background-color: unset !important;
    }
}

.tag-no-topic-meta-data {
    .topic-meta-data {
        display:none !important;
    }
}

.tag-no-side-margins {
    .wrap {
        max-width: unset !important;
        padding: 0 10px !important;
    }
    .content-wrapper {
        display: block !important;
    }
    #main-outlet-wrapper {
        width: 100% !important;
    }
    .topic-body {
        width: 100% !important;
    }
}

.tag-no-footer-buttons {
    #topic-footer-buttons {
        display: none !important;
    }
}

```

Then I create Tags that I can selectively apply to Topic Posts, matching the CSS selectors in the code above…

no-header  
no-sidebars  
no-category  
no-timeline  
no-post-links  
no-box-shadow  
no-topic-meta-data  
no-side-margins  
no-footer-buttons

* * *

So here are the two different versions of the same Topic Post…

Before (no Tags applied):

 ![screencapture-noobish-me-t-open-source-culture-no-tags-525-2023-02-07-05_59_13](https://global.discourse-cdn.com/meta/original/4X/d/8/a/d8aa37e831849955d9a202e6aa09e8cfa9fb9d05.jpeg)

After (All Tags applied) - which I can also embed as an iFrame into other Posts on my site 🤓:

 ![screencapture-noobish-me-t-open-source-culture-320-2023-02-07-06_16_10](https://global.discourse-cdn.com/meta/original/4X/c/5/2/c529ae54935255d1f31e617c8b862ca5213c8636.jpeg)

[https://res.cloudinary.com/microchic/video/upload/v1611478905/hallelujah.mp3](https://res.cloudinary.com/microchic/video/upload/v1611478905/hallelujah.mp3)

---

_[View the full topic](https://meta.discourse.org/t/page-publishing/151971)._