Docs

[essentiALLoils.com]

Hi guys,

apologies if this has been covered. I always search long and hard before asking a question because most of the time the answer is already there – somewhere!

So, in my category and tag pages the title is currently above the featured image. (see screenshot)

Category page: https://www.essentialloils.com/shop/doterra-single-oils/
Tag page: https://www.essentialloils.com/products/doterra-arborvitae/

1. I want titles to appear UNDER the featured image.

2. I want to reduce the font size just a bit.

Thank you!

[Lely]

Hello There,

Thank you for the link and screenshot.

1.) Please copy content.php from this folder: \wp-content\themes\x\framework\views\renew to your child theme folder here:\wp-content\themes\x-child\framework\views\renew. Open the copied file and update the code to this:

<?php

// =============================================================================
// VIEWS/RENEW/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Renew.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-wrap">
	<?php if(!is_category()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php x_featured_image(); ?>
      </div>
    <?php endif; ?>
    <?php x_get_view( 'global', '_content' ); ?>
	<?php if(is_category()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
  </div>
</article>

2.) To reduce font size, please add this custom CSS:

.category .entry-title>a {
    font-size: 20px; /*Adjust to your preferred font size*/
}

Hope this helps.

[essentiALLoils.com]

Excellent, that worked perfectly! All I have to do now is go in and standardize all my image sizes and the site will take shape in a professional way. Thank you so much!

You know, I was telling my wife last night that it is truly amazing how if I need a customization in X Theme all I have to do is search the Knowledge Base and if it isn’t there just ask and in 24 hours or less a custom code is delivered that renders what I need. It is truly amazing and I don’t know how you guys do it. I don’t know of any other resource where this service is provided like this. I love it and that’s why I have purchased 4 licenses even though currently I only use 2 of them. I told my wife with service such as yours we should move our hosting to you as well to further support X Theme and Themeco. I’ll be placing our hosting order in a few days.

Oh, here is my origial php code. Thought I would archive it here in case I wanted to change it back.

<?php

// =============================================================================
// VIEWS/RENEW/CONTENT.PHP
// —————————————————————————–
// Standard post output for Renew.
// =============================================================================

?>

<article id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
<div class=”entry-wrap”>
<?php x_get_view( ‘renew’, ‘_content’, ‘post-header’ ); ?>
<?php if ( has_post_thumbnail() ) : ?>
<div class=”entry-featured”>
<?php x_featured_image(); ?>
</div>
<?php endif; ?>
<?php x_get_view( ‘global’, ‘_content’ ); ?>
</div>
</article>

[Jade]

Thank you for the kind words.

Feel free to get in touch with us if you need any assistance. 🙂

[essentiALLoils.com]

One other small thing. Can you give me the code to display tags pages in the same way? My tag pages still display with titles above the images and also I need the CSS to modify the text size.

Thank you!

[Lely]

Hi There,

Please update the code to this:

<?php

// =============================================================================
// VIEWS/RENEW/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Renew.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-wrap">
	<?php if(!is_archive()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php x_featured_image(); ?>
      </div>
    <?php endif; ?>
    <?php x_get_view( 'global', '_content' ); ?>
	<?php if(is_archive()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
  </div>
</article>

Then also update CSS to this:

.archive .entry-title>a {
    font-size: 20px; /*Adjust to your preferred font size*/
}

Hope this helps.

[essentiALLoils.com]

Thank you! I’m sorry to be a bother but I noticed search query results need to be added too. Then everything will be uniform (category pages, tag pages, search query results). Can you add search queries to this then I should be all set. Thanks again.

[Lely]

Hello There,

Please try this instead:

<?php

// =============================================================================
// VIEWS/RENEW/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Renew.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-wrap">
	<?php if(!is_archive() || !is_search()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php x_featured_image(); ?>
      </div>
    <?php endif; ?>
    <?php x_get_view( 'global', '_content' ); ?>
	<?php if(is_archive() || is_search()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
  </div>
</article>

And this too:

.archive .entry-title>a,
.search .entry-title>a {
    font-size: 20px; /*Adjust to your preferred font size*/
}

Hope this helps.

[essentiALLoils.com]

Thank you but when I used the new code now I get titles appearing both above and below the image. See screenshot.

[Jade]

HI there,

Please use this code:

<?php

// =============================================================================
// VIEWS/RENEW/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Renew.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-wrap">
    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php x_featured_image(); ?>
      </div>
    <?php endif; ?>
    <?php x_get_view( 'global', '_content' ); ?>
	<?php if(is_archive() || is_search()): ?>
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
	<?php endif ?>
  </div>
</article>

Hope this helps.

[essentiALLoils.com]

PERFECT! Thank you so much!!!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts