Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

How to hide the headline of a post?

Forum › General Inquiry

  • December 20, 2022 at 12:53 pm #8996
    Avatar photo[anonymous]

    First of all excuse my bad English an secondly my miserable Publii-Knowledge!

    What I am looking for is a possibility to hide the headline of my posts. Reason is that I have little pictures, which present the topic to the users.

    The Website:

    Publii:

    Any ideas??

    Thanks a lot!

    December 20, 2022 at 1:26 pm #8997
    Avatar photo[anonymous]

    Easy way: use CSS (Tools & Plugins -> Custom CSS).

    .post__title {display: none;}

    More complicated way: override your theme’s post.hbs file and remove the heading there. Then it won’t even appear in your HTML.

    December 20, 2022 at 1:47 pm #8998
    Avatar photo[anonymous]
    [anonymous] wrote:

    Easy way: use CSS (Tools & Plugins -> Custom CSS).

    <span class=”enlighter-text”>.post__title </span><span class=”enlighter-g1″>{</span><span class=”enlighter-text”>display: none;</span><span class=”enlighter-g1″>}</span>
    .post__title {display: none;}

    .post__title {display: none;} More complicated way: override your theme’s post.hbs file and remove the heading there. Then it won’t even appear in your HTML.

    Great, that worked well!!

    Any easy way to reduce the space between the top an my headline-image? It is just a “nice to have” thing …

    Thx so far!

    December 20, 2022 at 2:47 pm #8999
    Avatar photo[anonymous]

    I’m not sure what that theme this is, but try something like:

    .post__header {padding-bottom: 0;}

    If this doesn’t work, drop a link to your website.

    It also occurs to me that you could just make the little dragon a background image for the post headings, unless you want a different image for each post.

    December 20, 2022 at 2:58 pm #9000
    Avatar photo[anonymous]
    [anonymous] wrote:

    I’m not sure what that theme this is, but try something like:

    <span class=”enlighter-text”>.post__header </span><span class=”enlighter-g1″>{</span><span class=”enlighter-text”>padding-bottom: </span><span class=”enlighter-n1″>0</span><span class=”enlighter-text”>;</span><span class=”enlighter-g1″>}</span>
    .post__header {padding-bottom: 0;}

    .post__header {padding-bottom: 0;} If this doesn’t work, drop a link to your website.

    It also occurs to me that you could just make the little dragon a background image for the post headings, unless you want a different image for each post.

    That also worked well … so currently I am absolutely happy!

    Thanks a lot!