WordPress.org

Ready to get started?Download WordPress

Forums

Oxygen
[resolved] Formatting Front Page Posts (3 posts)

  1. UkrVolk11
    Member
    Posted 1 year ago #

    Hello, hope things are going well.

    I'm trying to format how posts look on the front page. My main goal is to have date published, author, and "edit" to appear on a single line underneath the post title. I'd like for it effectively to look like this:

    THIS IS THE POST TITLE
    March 11, 2013 by Username Edit

    I have already created a child theme and edited the index.php code to not include the summary of post content. I have also edited .entry-header CSS to 100% width. I have tried to float: left the .byline .author CSS but it ends up being bunched together like this

    March 11, 2013Usernameby:

    Would anyone have suggestions on how to get these three items in a single line under site title on front posts feed, similar to how it looks when you go into an actual post?

    Thank you for your time.

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try asking on the theme's dedicated forum: http://alienwp.com/support/
    You may get a faster & more informed response there.

  3. UkrVolk11
    Member
    Posted 1 year ago #

    I was actually able to solve it. I replaced the lines (in index.php):

    <?php echo apply_atomic_shortcode( 'byline_date', '<div class="byline byline-date">' . __( '[entry-published]', 'oxygen' ) . '</div>' ); ?>
    
    								<?php echo apply_atomic_shortcode( 'byline_author', '<div class="byline byline-author">' . __( 'by: [entry-author]', 'oxygen' ) . '</div>' ); ?>
    
    								<?php echo apply_atomic_shortcode( 'byline_edit', '<div class="byline byline-edit">' . __( '[entry-edit-link]', 'oxygen' ) . '</div>' ); ?>

    with(from post.php):

    <?php echo apply_atomic_shortcode( 'byline', '<div class="byline">' . __( '[entry-published] · by [entry-author] · in [entry-terms taxonomy="category" before=""] [entry-edit-link before=" · "]', 'oxygen' ) . '</div>' ); ?>

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

    In the end I was able to get post title on one line and date/author/"edit" on the next line.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic