Docs

[lkd]

Hello
Please can you help me modify blog post title and meta

1- on blog page as in this image

2- on single post page as in this image

Thanks in advance for your hints!

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

[lkd]

hello
here it is:
Blog page : http://www.lumiaunlock.com/blog/
Single blog post : http://www.lumiaunlock.com/how-to-unlock-microsoft-lumia-650/

thanks for your help

[Rue Nel]

Hello There,

Thanks for providing the urls of your site. Because what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/INTEGRITY/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Integrity.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <div class="entry-featured">
    <?php x_get_view( 'integrity', '_content', 'post-header' ); ?>
    <?php x_featured_image(); ?>
  </div>
  <div class="entry-wrap">
    <?php x_get_view( 'global', '_content' ); ?>
  </div>
  <?php x_get_view( 'integrity', '_content', 'post-footer' ); ?>
</article>

3] Save the file named as content.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/x-child/framework/views/integrity/

And after that, please add the following css code in your child theme’s style.css

.blog .site .entry-header,
.archive .site .entry-header,
.single .site .entry-header {
    padding: 30px;
}

.blog .site .x-iso-container .entry-header,
.archive .site .x-iso-container .entry-header {
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 100;

    background-color: rgba(255,255,255,0.75);
}

.blog .site .x-iso-container .entry-thumb:before,
.archive .site .x-iso-container .entry-thumb:before {
    display: none;
}

.blog .site .x-iso-container a.entry-thumb:hover img,
.archive .site .x-iso-container a.entry-thumb:hover img {
    opacity: 1;
}

Final look:
http://prntscr.com/bt25lo
http://prntscr.com/bt25qf

We would loved to know if this has work for you. Thank you.

[lkd]

Hello
Thanks for the great help
For single post blog modification, it worked like a charm!
But is it possible to reduce the space between the feature image and the start of the post content??

But on blog page it does not seems to work….

[Christopher]

Hi there,

Please add this :

.blog .entry-wrap {
    padding: 2.75% 7.25% !important;
}
.entry-content.excerpt {
    margin: 0;
}

Hope it helps.

[lkd]

Ah by the way, i just tried to add the css to customizer instead and it worked now…

What is the ebst? keep the css in customizer? or find the issue with child theme style.css file?

[lkd]

hello your latest code addition, reduced the margin on blog page.
This is ok

I need the same margin to be removed on single post. Space is still in there betwen botom of feature image and post content start…

Thanks again for all!

[Rupok]

Hi there,

You can add this as well :

.single-post .entry-wrap {
  padding-top: 5px;
}

.single-post .entry-content.content > h1:first-child {
  margin-top: 15px;
}

Hope this helps.

[lkd]

Hello,
Nice job,
It is working as expected!

Thanks a lot for the valuable help!!!

[John Ezra]

You’re most welcome!

[Author]

Posts