[wonderacademieParticipant]

hello,

I need help with my blogposts:

1. how to I make the featured image on the blogpost itself smaller?
I would prefer to have it shown up as a smaller picture, maybe even on the left of the text.
How do I do this?

2. How do I make the video smaller? Now it is fullscreen, just like the featured image. And that looks rather ridiculous … 🙂

examples on this page: http://wonderacademie.nl/lachen-als-medicijn/

and 3:
i am using cornerstone for my pages. Do you advise me to also use it for blogposts? What happens when i swith?

thank you!

[Paul RModerator]

Hi,

For 1 & 2 You can add this under Custom > Edit Global CSS in the Customizer.

.single-post .entry-featured {
    width:50%;
    margin:0 auto;
}

body .entry-content iframe {
    width:auto;
    height:auto;
}

For #3

It depends on your preference, you can use either cornerstone or native wordpress editor. Nothing will happen when you switch.

Thanks

[wonderacademieParticipant]

oke. txs. that solves the size of the featured image in the blogpost. I also see how i can change it to eg 75%. clear.

But, the size of the video is too small now and i would like it to have it in the middle. Can you give me the instructions for that too?

and, is it possible to change the title of the post to a position under the featured image?

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[wonderacademieParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please update related code to :

body .entry-content iframe {
    width: 50%;
    height: auto;
    margin: 0 auto;
    display: block;
}

Copy content.php from framework/views/renew and put it in the same path inside child theme, replace existing code with following :

<?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( 'renew', '_content', 'post-header' ); ?>

    <?php x_get_view( 'global', '_content' ); ?>
  </div>
</article>

Hope it helps.

[wonderacademieParticipant]

this one:
body .entry-content iframe {
width: 50%;
height: auto;
margin: 0 auto;
display: block;
}
does put it in the middle, but it is still too small. Also, it feels like it is not scaling. Is that possible?

and 2:
where can i find this directory: framework/views/renew?

[ChristopherModerator]

Hi there,

#1 Feel free to adjust width and height properties in provided code. To make width an height 100%, remove those properties.

#2 Please connect to FTP and find content.php file under wp-content/themes/x/framework/views/renew and follow my previous replay.

Hope it helps.

[Author]

Posts