• Resolved Tranny

    (@tranny)


    My functions.php file looks like this:

    <?php
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
    
    function enqueue_parent_styles() {
       wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
    }
    ?>

    My styles.css file looks like this:

    /*
    Theme Name: Twenty Sixteen Child
    Theme URI: ***
    Description: Child theme for the Twenty Sixteen theme
    Author: ***
    Author URI: ***
    Template: twentysixteen
    Version: 1.0
    */
    
    .single .post-thumbnail {
      display: none;
    }
    
    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: ";
    }
    
    /* Single posts - make the layout use "flexbox" CSS technique so elements can be reordered */
    .single .hentry {
     display: flex;
     flex-direction: row;
     flex-flow: row wrap;
    }
    /* Post excerpt - place third */
    .entry-summary { 
      order: 3; 
    }
    /* Featured image - place second */
    .post-thumbnail { 
      order: 2; 
    }
    /* Post content - place first */
    .entry-content {
      order:1
    }

    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?

    Also, would it be possible to separate the Author/Tags are from the content of the post a little (at least one blank line), because right now they’re both pasted too close to each other.

    The link is NSFW!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Kathryn Presner

    (@zoonini)

    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.

    Thread Starter Tranny

    (@tranny)

    @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, 5 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;
    }
    Thread Starter Tranny

    (@tranny)

    @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.

    Thread Starter Tranny

    (@tranny)

    @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;
    }
    Moderator Kathryn Presner

    (@zoonini)

    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!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[NSFW] How to Move Tags on Modded Child Theme to the End of the Post’ is closed to new replies.