Shifting date, category, and tags.

Homepage Forums Pro Support Forum Silverclean Pro Silverclean Pro Support Shifting date, category, and tags.

Shifting date, category, and tags.

This topic contains 1 reply, has 2 voices, and was last updated by  iceable 10 months, 4 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19904
    Shifting date, category, and tags.

    John M.
    Participant

    Example page: http://coachitout.com/2016/04/are-you-b-o-b/

    How can:
    (1) I move the category, comments, and tags below the picture so that there isn’t that weird space below the title? Can you then put them side by side evenly below the picture?

    (2) And then shift the date below the Title; and
    (3) Increase the font on the date so it doesn’t look so much smaller than the title?

    If there’s any prepared guidance or instructions, that’d be great to review.

    Thank you so much.

    #19914
    Reply to: Shifting date, category, and tags.

    iceable
    Keymaster
    Support
    Happy with my help?
    Buy me a beer!

    I’m afraid not all of this is possible without some important changes in the layout and post structure. This would require to create a child theme and make important changes to the code in single.php, which is beyond the scope of simple “support”.

    Especially splitting the meta data to have some above the image and some below is not possible because the image is part of the content, and you cannot mix parts of the content and parts of the metadata block (at least not without majors changes directly in the template file).

    However, here is an easier alternative you can just add to custom CSS. This is not exactly as you asked, but hopefully it can help. This code will place the metadata inline below the title, and make the font bigger:

    .single .postmetadata {
      float: none;
      width: auto;
      padding: 0;
      margin: 0;
    }
    
    .single .postmetadata span {
      font-size: 14px;
      display: inline-block;
      line-height: 140%;
    }
    
    .single .post-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .single .post-content .entry-title {
      margin-bottom: 10px;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
    }
    
    .single .post-content .postmetadata {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
    }
    
    .single .post-content * {
      order: 3;
    }

    Notice the “font-size: 14px;” in the second “block” of this code. You may change this value as desired if you want to make the font even bigger or smaller for the metadata.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Shifting date, category, and tags.’ is closed to new replies.


PayPal Verified
Secured by PayPal
Secure Credit Card payments powered by Stripe
SiteLock