[NSFW] How to Move Tags on Modded Child Theme to the End of the Post

I achieved some desired changes thanks to help I got earlier in this forum. However the Author and Tags still show up at the beginning (on top) of posts, not at the end. What do I have wrong that the tags show up on top?

Hmm – I’d previously given you some CSS that moved the author and tags to the bottom of single posts, but this CSS that you added after that proceeded to override the change. Removing it should move the author and tags to the bottom again.

.single .hentry {
 display:flex;
 flex-direction:row;
 flex-flow:row wrap
}
.entry-summary {
 order:3
}
.post-thumbnail {
 order:2
}
.entry-content {
 order:1
}

Let me know if that achieves what you’re after.

@zoonini thank you. I think I just needed to hear that to get out of the endless loop of failure I was trapped in. I did scrap the css file and went back to start over with your previous advice. So now my file contains the following code:

.single .post-thumbnail {
  display: none;
}

/* Move post meta from left to below posts, expand all to fill column */
@media screen and (min-width: 61.5625em) {
    body:not(.search-results) article:not(.type-page) .entry-footer,
    body:not(.search-results) article:not(.type-page) .entry-content {
        float: none;
        width: 100%;
    }
}

body:not(.search-results).single article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
    display: none;
}
.single .byline {
    margin-top: 15px;
}
.single .byline::before {
    content: "Posted by: ";
}
.single .tags-links::before {
    content: "Tags: ";
}

This did the trick. Seeing the margin-top: 15px; command, I presumed it controlled the margin above the Author/Tags field and changed the value, which increased the margin more to my liking (it’s not so tightly packed together now). Thank you so much.

While still dealing with this bit of CSS code, if I were to remove this bit:

.single .byline::before {
content: "Posted by: ";
}

Would it remove the whole “Author” part? Is it safe to do, or do I need to do more mods to get rid of the author mention all together (maybe replace it with a long dash, to separate the Tags from the Content better)?

EDIT: I tried it – it removed the words “Posted by:”, but the hyperlinked username remains. Another bit that’s a bit above my paygrade level to resolve :/

• This reply was modified 1 year, 7 months ago by Tranny.

Hi @tranny to remove data about the author on the site can you please try adding the CSS code below.

span.author.vcard{
	display:none;
}

@thelmachido thank you. That worked ??

Would you happen to know how to display the word “Tags: ” in bold? Putting it between the <strong> tags just displays the tags as well. Obviously, it displays whatever is between the parentheses, which makes it trickier to figure out.

Would you happen to know how to display the word “Tags: ” in bold? Putting it between the?<strong>?tags just displays the tags as well.

Hi @tranny is the text within a paragraph block?

If that is the case you can make specific text bold by highlighting it and them clicking on the bold as shown in the short video below. Alternatively, if you want to use code, you can opt to edit the paragraph block as HTML to add the strong tags.

@thelmachido it would appear that I wasn’t reasonably specific to make it clear what it is that I seek and I just wasted your time. I apologize for the lack of clarity in the previous response.

I wasn’t in fact looking for a way to make part of a paragraph bold, but rather the text which precedes the displayed tags. You helped me to remove the author’s name. With the author’s name removed, all that’s shown after the content of the single post are the tags. There is command in the CSS file which displays the text string “Tags: ” which is then followed by actual tags (which are added to the post when the post is being written). The CSS code which displays the text string is:

.single .tags-links::before {
    content: "Tags: ";
}

I would like to display this text string in bold. This text string is not part of a paragraph and by adding the <strong> HTML tags to the CSS code all I achieve is that the HTML code is displayed as part of the text string. Was this explanation clearer as to what it is I’m after?

Ohh I see, my apologies I don’t know why I assumed that will be in the post or page content. You can make Tags: bold by using the CSS code below:

.single .tags-links::before?
{
content: "Tags: ";
font-weight: bold;
}

Hey there @tranny – looks like Thelma’s code did the trick to make the word “Tags” bold, so I’ll go ahead and mark this thread as resolved. Feel free to start a new one if you have other questions!