Sign in

How to hide the headline of a post?

  • This topic has 4 replies, 2 voices, and was last updated 1 month, 1 week ago by .
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #8996
    Avatar photoBlinker

    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!

    #8997
    Avatar photoprivii

    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.

    #8998
    Avatar photoBlinker

    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!

    #8999
    Avatar photoprivii

    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.

    #9000
    Avatar photoBlinker

    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!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to hide the headline of a post?’ is closed to new replies.