Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @jprimav!

    It looks like you have a custom CSS style in place that is hiding them:

    .single .entry-meta {
        display: none;
    }

    If you remove that, you should see the tags at the bottom of your post again. You’ll likely find it either under Customizer > Additional CSS, or Appearance > Edit CSS (it looks like you have Jetpack installed)

    Thread Starter jprimav

    (@jprimav)

    Hi Chad,
    thanks!

    I went super minimal and I ended up removing too much ??
    There is way to keep only some of the meta?
    for example tags and date of posting but not author?

    Thanks,
    Jacopo

    Absolutely. The different sections have their own classes, so you can target them individually (use your browser tools to see which classes are which).

    For example, you can hide the author name like this:

    .author.vcard {
        display: none;
    }
    Thread Starter jprimav

    (@jprimav)

    Great, thanks!
    I am ok with that now but I have problems with tags on mobile.
    on my mobile (iphone5) the first tag is appearing next to the text in first row while the remaining tags are correctly shown at the end of the post.
    Any idea why this is happening?
    thanks,
    jacopo

    It looks like you have this in your custom CSS:

    .single .hentry .entry-content {
        float: left;
        margin-bottom: 20px;
        width: 80% !important;
        float: none !important;
        font-family: verdana, geneva, sans-serif;
    }

    That float: left is what is doing it. That means other elements, like the tags, can float up next to the post content.

    Thread Starter jprimav

    (@jprimav)

    Yes, you’re right. The point is that if I remove float:left the text goes somewhere in the middle and it is not nice, although on mobile looks great. Do you know a setup which is good for both desktop and mobile or if it is possible to set different css according to device?

    thanks,
    jacopo

    Try this CSS ??

    @media screen and (min-width: 881px) {
            .single .hentry .entry-footer {
            width: 100%;
            text-align: right;
        }
    }

    text-align: right; is optional. If you remove that, the tags will align to the left.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Show tags for posts’ is closed to new replies.