Move Meta Data under Post Title

  • Ripple Web Design

    (@ripple-web-design)


    8 years, 8 months ago

    I would like to move the meta data (date only) so that it appears only under the post title on the blog page. I will also need the space it occupies to be removed. The child theme I am using has a page width of 928px so the full-width solutions do not work for this site.

    Then, I would like the post page (single post?) to include the date under the title as well. I have managed to remove it completely – whoops – from this page
    http://www.uncabeceo.com/4169-2/
    but again the space it previously occupied to the left of the post is still there.

    Any suggestions would be appreciated. Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • niteshraghu

    (@niteshraghu)

    8 years, 8 months ago

    Hello
    Do you want to remove post meta ( https://www.screencast.com/t/O6yofJMw ) and want to move content area to the left?
    If yes then Go to the Appearance > Customize > Additional CSS (https://www.screencast.com/t/JSxqpr7lG) and paste code given below.

    body:not(.search-results) article:not(.type-page) .entry-footer {
    display: none;
}
body:not(.search-results) article:not(.type-page) .entry-content {
    float: right;
    width: 100%;
}

    Best Regards.

    ggom1

    (@ggom1)

    8 years, 8 months ago

    Hello, I tried the code above but was only partially successful. Content area moved to the left but now I cannot see the post meta? And it’s no longer responsive.

    Thread Starter Ripple Web Design

    (@ripple-web-design)

    8 years, 8 months ago

    Thanks for your reply @niteshraghu. I tried the code you suggested. the first part did remove the post meta. The problem is that I still need the date – under the title.

    The second part of your code moved everything to the right and covered the sidebar. So I changed it to float left but that did not work either.

    Thread Starter Ripple Web Design

    (@ripple-web-design)

    8 years, 8 months ago

    I did make some progress by doing the following. Now my page (http://www.uncabeceo.com/4169-2/) looks a little better but the sidebar is gone. First I needed to make page content to include sidebar space:

    step 1: make page template no sidebar (remove sidebar only – not bottom sidebar) and content-part for template. (This removes the sidebar but I will still have to figure out how to add the date under the title.)

    step 2: add this css to stylesheet to make primary content width: 100% (it will be 1224 in my case) I think I have to do something with this still as my home page now extends to cover the sidebar on the right. I think I just need to change the width to 928 which is the width of my header).

    add to style sheet (from a@divjotsingh_440 here: https://ww.wp.xz.cn/support/topic/how-to-make-template-full-width-remove-sidebar/):

    #primary {
width: 100% !important;
}

    step 2: add custom classes to functions php to enable the no sidebar page template (mor10 from here: https://gist.github.com/mor10/68a5235ff24cac23442d8ae20e2c1d21 see below)

    add to functions.php:
    ————————————————————————

    /**
 * Adds custom classes to the array of body classes.
 *
 * @param array $classes Classes for the body element.
 * @return array (Maybe) filtered body classes.
 */
function wpcampus_body_classes( $classes ) {
    // Adds a class of no-sidebar to custom no-sidebar page template.
    if ( is_page_template('page-no-sidebar.php') ) {
        $classes[] = 'no-sidebar';
    }
    return $classes;
}
add_filter( 'body_class', 'wpcampus_body_classes' );
    Thread Starter Ripple Web Design

    (@ripple-web-design)

    8 years, 8 months ago

    Does anyone know how to add the date under the post title?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Move Meta Data under Post Title’ is closed to new replies.