Docs

[ImpossibleDiG]

I think I’m close to wrapping up my site for launch, at least from a build perspective.

Here are a few more tweaks I could use some guidance on…

1. Footer: I really like how the Ethos footer looks, especially the social links, but I’d love to have more control over the text. In the customizing footer section, for instance, the footer text publishes as all caps. Is there a way to uncap this?
2. Sidebar: Can I control the padding between widgets? I’d like to make things a bit closer together
3. Index Page: There is a gray bar at the top of the index. Can I remove that and have the first post move up to the top of the index column?
4. Header: Can I add a drop shadow to the header?

Site details in the next (private) post.

thanks! dig

[ImpossibleDiG]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for giving us your site URL.

1.) Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.x-colophon.bottom .x-colophon-content {
    text-transform: none;
}

2.) Use the following CSS:

.x-sidebar .widget {
    margin-top: 1em; /* This is 3em by default. Adjust to your preferred spacing*/
}

3.)

.blog .x-main .hentry{
    border-top: 0 !important;
    padding-top: 0;
}

4.)Please clarify which header so we can give you a tailored suggestion.

Hope this helps.

[ImpossibleDiG]

1. Perfect!

2. Perfect!

3. This does remove the gray bar from the top of the index page, but it also removes it as a separator between posts. Is there a way to remove it only at the top of a page?

4. Sorry not to be clearer. I was referring to the fixed navbar for the site.

thanks for all your help!

[Rupok]

Hi there,

Thanks for updating.

#3. You can use this instead :

.blog .x-main > .hentry:first-child {
  border-top: 0 none !important;
  padding-top: 0;
}

#4. You can add this CSS :

.x-navbar {
  box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.133);
}

Hope this helps.

Cheers!

[ImpossibleDiG]

3. That fixes the issue! Is there a way for me to reduce the space between posts on the index page?

4. Aw yeah! That’s what I’m talking about.

Seriously, you guys are awesome!!!

dig

[Thai]

Hi There,

Please add the following CSS:

.blog .x-main .hentry {
    margin-top: 20px;
    padding-top: 20px;
}
.blog .x-main .hentry.has-post-thumbnail>.entry-wrap {
    margin-bottom: 0;
}

Hope it helps 🙂

[ImpossibleDiG]

3) Perfect!

Thanks so much! I love how helpful you all are!!!!

dig

[Thai]

If you need anything else please let us know.

[ImpossibleDiG]

One more thing, to quote Uncle from Jackie Chan Adventures…

Is there a way to add tags to the bottom of a post page?

As in:

Tags: [Tag1], [Tag2], [Tag3]

Following the same format as I have for the author/date/categories line.

Thanks! dig

[Paul R]

Hi,

To achieve that, create file content.php in wp-content/themes/x-child/framework/views/ethos
and copy the code below into that file.

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Ethos.
// =============================================================================

$is_index_featured_layout = get_post_meta( get_the_ID(), '_x_ethos_index_featured_post_layout',  true ) == 'on' && ! is_single();

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <?php if ( $is_index_featured_layout ) : ?>
    <?php x_ethos_featured_index(); ?>
  <?php else : ?>
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php if ( ! is_single() ) : ?>
          <?php x_ethos_featured_index(); ?>sdfsdf
        <?php else : ?>
          <?php x_featured_image(); ?>hjhgj
        <?php endif; ?>
      </div>
    <?php endif; ?>
    <div class="entry-wrap">
      <?php x_get_view( 'ethos', '_content', 'post-header' ); ?>
      <?php x_get_view( 'global', '_content' ); ?>
    </div>
    <?php if ( has_tag() ) : ?>
  <footer class="entry-footer cf">
    <?php echo get_the_tag_list(); ?>
  </footer>
<?php endif; ?>
  <?php endif; ?>
</article>

Hope that helps.

[ImpossibleDiG]

Thanks! A few issues along the way…

1. I removed the extraneoous text (“sdfsdf” and “hjhgj” from the code as it was appearing on the pages). I assume that text was not meant to be there. 🙂
2. Can I have the tags appear only on the post page, not on the index?
3. I’d like the text of the tag line to start, “Tag: ” then list the tags with comma space separating them. Currently the tags run together
4. Do I have the ability to format the text? Smaller font and/or right justified, for instance?
5. Can I get the tag line to appear above the social sharing icons and the patreon link?
6. On the social sharing icons, do I have any control over adding more options to that row? Like an Email icon, for instance?

Thanks again! dig

[Rad]

Hi there,

1. Ah yes, it’s for debugging purposes to see if the template is properly picked up.

2. Sure, replace this line

<?php if ( has_tag() ) : ?>

with this one

<?php if ( has_tag() && is_singular('post') ) : ?>

3. Please replace this line

<?php echo get_the_tag_list(); ?>

with this to add comma

<?php echo get_the_tag_list('<div class="post_tags">Tags: ',', ','</div>'); ?>

4. Yes, of course, assuming you’re referring to tag’s text. Then you can add this CSS too,

.single-post .entry-footer.cf a, .single-post .entry-footer.cf {
font-size: 10px;
}
.single-post .entry-footer.cf {
text-align: right;
}

5. Yes, please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery('.single-post .entry-footer.cf').insertBefore('.single-post .sharedaddy');

6. That’s I’m not sure, it’s Jetpack’s sharing feature and we don’t have control over it.

Thanks!

[ImpossibleDiG]

Thanks so much — that resolves all the issues I was dealing with. As in…

1. Gotcha
2. Perfect
3. Perfect
4. Perfect
5. Perfect
6. Gotcha

thanks again!!! dig

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts