Docs

[moabullon]

I am using the ethos stack and I would like to edit the way my blog posts titles are shown.
Currently the blog post titles are showing up on the front of my featured pics but I would like them to show underneath my posts.

currently the blog posts look like this
http://thetogas.com/

I would like it to look relatively like these blog post titles on this site
http://thechive.com/

[AK49 Logan 907]

I’m going to take a shot in the dark here and say try making the page full width if you haven’t already. You could also add widgets to the sidebar. If you’re looking at getting the social features you either need buddypress or another plugin. Most likely premium.

I’m not actually support though. Not sure if we are aloud to help each other here. :/

[moabullon]

Actually I was really just looking for how to manage the post titles. Nothing to do with buddypress at the moment. I just want the post titles to be under the posts, not on top of my featured post blogs.

[Paul R]

@moabullon

To position it under the post, you can add this in your child theme’s functions.php file.

function x_ethos_entry_cover( $location ) {

    if ( $location == 'main-content' ) { ?>

      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <a class="entry-cover" href="<?php the_permalink(); ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>">
          
        </a><h2 class="mtn" style="font-size:24px;"><span><?php x_the_alternate_title(); ?></span></h2>
      </article>

    <?php } elseif ( $location == 'post-carousel' ) { ?>

      <?php GLOBAL $post_carousel_entry_id; ?>

      <article <?php post_class(); ?>>
        <a class="entry-cover" href="<?php the_permalink(); ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>">
          <h2 class="h-entry-cover"><span><?php ( $post_carousel_entry_id == get_the_ID() ) ? the_title() : x_the_alternate_title(); ?></span></h2>
          <div class="x-post-carousel-meta">
            <span class="entry-cover-author"><?php echo get_the_author(); ?></span>
            <span class="entry-cover-categories"><?php echo x_ethos_post_categories(); ?></span>
            <span class="entry-cover-date"><?php echo get_the_date( 'F j, Y' ); ?></span>
          </div>
        </a>
      </article>

    <?php }

  }

@ak49-logan-907

It’s totally fine, thanks for helping. 🙂

[moabullon]

Thank you, that worked great! your awesome

Now this presents another question.

As I have longer post titles it will actually push the next post under it down and then the post alignment going down the page gets out of sync. Is there a way to keep them in the same line?

please see the site to understand
thetogas.com

[moabullon]

Additionally I would like to widen my content layout on the main blog screen along with making my blog post featured pics to look appropriate as the content lay out is widened.

I have gone to the customizer and clicked on the layout and design
as I adjust the width the layout does adjust accordingly but then all the blog featured pic gets distorted.

Site Layout
Fullwidth
Boxed
Site Max Width (px)
940
Site Width (%)
90

So how do I expand the width on the main content blog content and yet have the featured pic blog expand accordingly?

Thanks

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.blog h2.mtn {
    height: 60px;
}
.blog .x-container.max.width.main {
    width: 100%;
    max-width: 98%;
}

Hope that helps.

[moabullon]

yeah that was great! thanks, It helped both problems I was having. you’re awesome

[Joao]

That is great to hear it.

Let us know if you need help with anything else.

Joao

[moabullon]

going back to the post titles. How can I change the look and color of my post titles. I see you were able to put it under the posts like I wanted but I would like the font a bit bigger or bolded with maybe a different color option. Thanks

[Rupok]

Hi there,

Thanks for updating. You can use this to change the title color :

.blog article > h2 {
  color: #09c;
}

Hope this helps.

Cheers!

[moabullon]

great!

And how do I bold the letters or make them larger?

[Friech]

Hi There,

You can add the font-size and font-weight property to the given CSS code above.

.blog article > h2 {
  color: #09c;
  font-size: 1.3em;
  font-weight: bolder;
}

Hope it helps, Cheers!

[moabullon]

That looks great! but now I need the title moved literally ever so slightly lower. As you will see on the site. the title now is a bit to close to the featured pic and almost blends together. I mean it literally just need to move very slightly lower just so they don’t blend together. Thanks

[moabullon]

never mind I was able to figure it out. Thank you very much

[Author]

Posts