Add gap or padding a top of ethos blog page and single post pages

Support
#5

Hi @paul.r

I have found what i need. It wasnt the PRO header that i needed to ammend. To get the gap that i needed about the featured images on the single posts page, i just needed to add the code:

.page .x-main.left .hentry .entry-featured, .single-post .x-main.left .hentry .entry-featured {
margin-top: 0px;
}

to the global CSS and it works great :slight_smile:

Thanks for your help guys.

I do have one more question though, on the ethos blog page, is it possible for video posts to add the thumbnail of the video like how featured images do. On the Renew theme the video automatically goes as the post image without having to add a featured image and wondered why it doesnt do it in Ethos.

#6

Hi There,

Please navigate to your child theme’s /framework/views/ethos directory create a file named content-video.php and paste the code below:

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT-VIDEO.PHP
// -----------------------------------------------------------------------------
// Video 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_featured_video(); ?>
  <?php else : ?>
    <?php if ( has_post_thumbnail() && ! is_single() ) : ?>
      <div class="entry-featured">
        <?php x_featured_video(); ?>
      </div>
    <?php elseif ( is_single() ) : ?>
      <div class="entry-featured">
        <?php x_featured_video(); ?>
      </div>
    <?php endif; ?>
    <div class="entry-wrap">
      <?php x_get_view( 'ethos', '_content', 'post-header' ); ?>
      <?php x_get_view( 'global', '_content' ); ?>
    </div>
  <?php endif; ?>
</article>

Hope it helps :slight_smile:

#7

Thanks @thai, just before i do this, i went to the child theme (under public_html) and went to wp-content/themes/pro-child/framework/views but there are no folders under the views folder. Should i just create an Ethos folder and put the file in there?

thanks.

#8

Hello @King,

Yes you will have to create the folder paths since it does no exist in your child theme yet.

Please let us know how it goes.

#9

Hi guys,

I did that but it did not work, it gave me this result:

#10

Hello @King,

You might have done it incorrectly.
​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look?

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288
​
Thank you.

#11

Hi @RueNel

To see the site that i am referring to, you will have to enter the following into your local host file and clear your browser cache and flush your dns as i am building it ready to replace a live site:

77.104.134.196 snhs.kirklees.sch.uk

I will add a secure not to this message with the logon details.

thanks,

#12

Hi Chris,

Looks like an encoding issue, I went ahead and fixed it. Please try it again.

Thanks!

#13

Thanks @Rad but could you let me know what i need to do now. I have the video post set up and the M4V file URL populated but not image shows on the post in the blog feed. Do i have to manually add a featured imaged for this. What i was looking for was it to pull through automatically like it does on the renew themes blog feed with the ability to play it fro the image/thumbnail if this makes sense? Thanks for all your help so far on this one :slight_smile:

#14

just another note, so what im looking for is basically the title and text on the right like the normal featured image posts with the video on the left the same size as the featured image posts so it all looks nice and neat.

#15

Hi There,

Sorry for the confusion!

It’s not possible to automatically pull the image for the video. You have to manually set the featured image for each post video format.

You can take a look at this test post: http://snhs.kirklees.sch.uk/wp-admin/post.php?post=1199&action=edit.

After added some texts, the layout looks good now:

Regards!

#16

Hi @thai , i have found that setting the video to 4:3 instead of 16:9 makes the image on the video post on the blog page fill the width more so looks better:

A few things - there are no controls in the player, not even on the video post page to fill screen etc. Can this be added? Also when you add a link to a youtube video then it breaks. If it cannot be done, i will have to go back to no thumbnail so its just text which is a shame as i feel that the theme should already do this out of the box really. It would definately make it a lot more polished and im unsure why the developers didnt just do this from the beginning. Here is a screenshot of what happens when you add a youtube URL to the post:

thanks again.

Chris

#17

Hello Chris,

You cannot simply add a Youtube or Vimeo link into the source. You will need to insert the Youtube or Vimeo embed code instead. For further details, please check out Video Post Settings from this article: https://theme.co/apex/forum/t/meta-options-posts/143

Hope this helps.

#18

of course haha. Sorry guys. I did it a couple of days ago and today didnt read it properly. :relieved:

#19

@King,

No problem.
If you need anything else we can help you with, don’t hesitate to open another thread.

#20

Thanks guys. Apologies for all the threads that i am opening lately. I am learning bits as i am going along and this is my 5th site using X or PRO and couldnt have got to where I am at the moment without your help. :slight_smile:
Thanks all.

Oh … i added the youtube embed code and it worked :grinning:

#21

Thank you for your kind words and we’re glad we could help.

Cheers!

#22

Hi guys,

Sorry i have just notice that on my pages where i have added a widget area and then a navigation item to that, that the links that i have visited get highlighted with a purple block background like the headings which i do not want. Can i stop this from happening. See the screenshot here:

thanks again.

#23

Hey Chris,

You have this custom CSS in your Global CSS.

Please remove the highlighted selector.

Thanks.

#24

Thanks @christian_y

Nearly there, its now leaving a top and bottom border around the visited items. Also the hover colour doesn’t work for the visited items but the rest of the links do. Here is what i am seeing at the moment: