Ethos Blog Overview page - Left align blog titles

I hate to ask such a simple question but I’ve searched through the forum and I can’t find an answer.

We’ve recently switched to ethos stack from integrity to have the nicer blog page layout. I think we did some customising of the blog originally for the integrity stack and I can’t find the correct CSS code to remove it.

Firstly, how do we left align the blogs titles on the general blog page.

Secondly, how can I show just the date stamp and author of the post on the general blog page (I don’t want it to show tags/categories/time).

Thank you.

Hi There,

You need to setup and install the child theme: https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57.

After that add the following code under functions.php file locates in your child theme:

function x_ethos_entry_meta() {

    //
    // Author.
    //

    $author = sprintf( ' %1$s %2$s</span>',
      __( 'by', '__x__' ),
      get_the_author()
    );


    //
    // Date.
    //

    $date = sprintf( '<span><time class="entry-date" datetime="%1$s">%2$s</time></span>',
      esc_attr( get_the_date( 'c' ) ),
      esc_html( get_the_date() )
    );


    //
    // Categories.
    //

    if ( get_post_type() == 'x-portfolio' ) {
      if ( has_term( '', 'portfolio-category', NULL ) ) {
        $categories        = get_the_terms( get_the_ID(), 'portfolio-category' );
        $separator         = ', ';
        $categories_output = '';
        foreach ( $categories as $category ) {
          $categories_output .= '<a href="'
                              . get_term_link( $category->slug, 'portfolio-category' )
                              . '" title="'
                              . esc_attr( sprintf( __( "View all posts in: &ldquo;%s&rdquo;", '__x__' ), $category->name ) )
                              . '"> '
                              . $category->name
                              . '</a>'
                              . $separator;
        }

        $categories_list = sprintf( '<span>%1$s %2$s',
          __( 'In', '__x__' ),
          trim( $categories_output, $separator )
        );
      } else {
        $categories_list = '';
      }
    } else {
      $categories        = get_the_category();
      $separator         = ', ';
      $categories_output = '';
      foreach ( $categories as $category ) {
        $categories_output .= '<a href="'
                            . get_category_link( $category->term_id )
                            . '" title="'
                            . esc_attr( sprintf( __( "View all posts in: &ldquo;%s&rdquo;", '__x__' ), $category->name ) )
                            . '"> '
                            . $category->name
                            . '</a>'
                            . $separator;
      }

      $categories_list = sprintf( '<span>%1$s %2$s',
        __( 'In', '__x__' ),
        trim( $categories_output, $separator )
      );
    }


    //
    // Comments link.
    //

    if ( comments_open() ) {

      $title  = apply_filters( 'x_entry_meta_comments_title', get_the_title() );
      $link   = apply_filters( 'x_entry_meta_comments_link', get_comments_link() );
      $number = apply_filters( 'x_entry_meta_comments_number', get_comments_number() );

      $text = ( 0 == $number ) ? __( 'Leave a Comment', '__x__' ) : sprintf( _n( '%s Comment', '%s Comments', $number, '__x__' ), $number );

      $comments = sprintf( '<span><a href="%1$s" title="%2$s" class="meta-comments">%3$s</a></span>',
        esc_url( $link ),
        esc_attr( sprintf( __( 'Leave a comment on: &ldquo;%s&rdquo;', '__x__' ), $title ) ),
        $text
      );

    } else {

      $comments = '';

    }


    //
    // Output.
    //

    if ( x_does_not_need_entry_meta() ) {
      return;
    } else {
    	if(is_home()){
			printf( '<p class="p-meta">%1$s / %2$s</p>',
			$author,
			$date
			);
    	} else {
			printf( '<p class="p-meta">%1$s%2$s%3$s%4$s</p>',
			$categories_list,
			$author,
			$date,
			$comments
			);
    	}
    }

}

Let us know how it goes!

Hi,

Thank you very much for your helpful response. When adding the code you provided to the functions.php within the child theme I am met with this error:

‘Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.’

Thank you

Sorry! Managed to do it through the FTP! So now the author and date is there which is perfect thank you!

Now are you able to help with left aligning the blog titles?

Also, is it possible to remove the borders from the ethos sidebar widget items?

Thank you so much.

Hi There,

I forgot to add the custom CSS in the previous reply:

h2.entry-title {
    text-align: left;
}

The custom CSS above should be under X > Theme Options > CSS.

Regards!

Thank you.

is it possible to remove the borders from the ethos sidebar widget items?

Hi There,

Thanks again for asking!
Please use this css to remove border from the widget items!

.x-main .widget ul li, 
.x-main .widget ol li, 
.x-sidebar .widget ul li, 
.x-sidebar .widget ol li {
 border-top: 0px;
}
.widget>ul>li:last-child {
 border-bottom: 0px;
}

Hope this helps!

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.