Sidebar missing on posts page homepage

[DGRFounder]

My sidebar is missing on the posts page. I have it configured as content left sidebar right. Also it seems I cant change the fonts either. I have disabled all plugins and even deleted the theme and reinstalled it.

Also is there a way to put the title of the blog post above the featured image on the posts page.

[thai]

Hi There,

I navigated to Theme Options > Blog > LAYOUT > select Use Global Content Layout:

Then the sidebar is working fine now:

Cheers!

[DGRFounder]

Wow thank you Ive been trying for like 3 days lol is there a way to get the title over the featured image.

[ruenel]

Hello @DGRFounder,

Thanks for updating in!

Do you want to display the title over featured image like this?

Then please add this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb)

(function($){
  if( $('body').hasClass('archive') || $('body').hasClass('blog') ){
    $('.hentry').each(function(){
      var element = $(this);
      var featured = element.find('.entry-featured');
      element.find('.entry-header').insertBefore( featured );
    });
  }
})(jQuery);

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

[DGRFounder]

Uploading…
This is the look im going for with the meta data also.
https://screenshots.firefox.com/ThBbBpaVJe8UBfaa/anariel.premiumcoding.com

[ruenel]

Hey There,

The post meta under the post title can be enabled by going to X > Theme Options > Blog. Find the “Post Meta” option in that section.

Hope this helps.

[DGRFounder]

First off thank you so much for your work.

The title is not centered and I wanted it to look similar to this as much as possible.

https://screenshots.firefox.com/ThBbBpaVJe8UBfaa/anariel.premiumcoding.com

[ruenel]

Hello @DGRFounder,

Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.blog .entry-header,
.archive .entry-header {
    text-align: center;
    margin-bottom: 20px;
}

And you will have this layout:

This is the least that we can do. Copying what you have in the example screenshot will require complete restructure and recoding of the post meta which is already beyond the scope of our support.

Thank you for your understanding.

[DGRFounder]

For whatever reason it seems after placing the css and the js the featured images have went back to the original size which i needed smaller and I cant get your code to work as far as centering.

Thanks Again

[DGRFounder]

https://screenshots.firefox.com/vWGTQFQbcZOm3nb0/chelsnicole.com
bigger feature image than the pic you sent

[ruenel]

Hello @DGRFounder,

The JS code needs to be added in X > Theme Options > JS and then the custom css needs to be added in X > Theme Options > CSS. What you have done is that all the code I gave, you have inserted it in the custom css section.

And please make sure that you are inserting the correct css code. The last one you have inserted has no closing curly braces. You should be inserting this instead:

@import url('https://fonts.googleapis.com/css?family=lato');
.entry-content p:first-child:first-of-type:first-letter{
   font-size:85px;
  line-height:00px;
  padding-top:10px;
  padding-right:13px;
  padding-left:4px;
  color:#e7bcb3;
  float:left;
  font-family:'lato',sans;
  text-shadow:4px 4px 4px #aaa;
}

.blog .entry-header,.archive .entry-header{
  text-align:center;
  margin-bottom:20px;
}

Hope this helps.