Docs

[jmartinos]

Hi,

I have recently added a blog to my website. I am using the integrity stack. I currently have 2 test blog posts active on the blog, both have featured images and text content in the posts. On the blog page, I can see the featured images and a short summary of the content, but when I click on the post, all that shows on the post page is the image and title, the text isn’t showing at all. I’ve combed through the settings and can’t see why it’s doing this. Can you tell me what I’m missing?

Also, is it possible to add an image to the top of my main blog page? or customize it in any way? Or is there a way to move the blog to another page that is able to be customized?

The website is: http://www.eliteithome.com/new/blog/

Thank you!

[Darshana]

Hi there,

Thanks for writing in! You have the following Custom CSS rule which hides your content.

.entry-content.content > p {
    display: none;
}

To add an image on top, please follow this thread (https://community.theme.co/forums/topic/adding-banner-to-show-top-of-blog-page-and-blog-posts/).

Thanks!

[jmartinos]

Thank you for your response.

I took a look back at past threads I have submitted here (those recommendations are the only reason I add custom code) and I found that the reason I added the display: none; code was because of an issue I was having with my header wrapping oddly on smaller screen sizes. Here is the link to that thread (this specific issue is #3): https://community.theme.co/forums/topic/mobile-centering-is-off/.
This css was recommended to solve my problem at the time. Now when i go to the custom css in the customizer, I don’t see the exact code you listed above as being in my site, and I don’t see the original code that was proposed to me, that I actually put into the site.
Obviously I need to be able to see my blog content so I need to do something with the css that is blocking it from showing, but how can I do that and maintain the header (the reason that code was added in the first place)?

Also, I followed the steps on the thread you provided to add an image to the top of my main blog page, and it didn’t work for me, can you suggest an alternative option or is there a reason it wouldn’t work on my site?

I appreciate your help!

[Joao]

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
– FTP credentials

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

Thanks

Joao

[jmartinos]

I’m sorry, due to the security of the site, I cannot provide login credentials. Is there an alternate solution for these issues?

Thank you!

[Nico]

Hi There,

In this case, regretfully, we could not be able to check your setup further to identify the problem of the suggested customization. We cannot also sure if there is an alternate solution that it would help.

If possible, you could copy a new copy of your site on a dev site so that we could check it closer then we could suggest the best possible way to fix the issue or customization.

Thank you for understanding.

[jmartinos]

This reply has been marked as private.

[Lely]

Hello There,

I did check again. I can see the original issue here. Please remove this code to display the content of single blog post:

.entry-content.content > p {
    display: none;
}

Now the issue regarding your site content is wrapping oddly. It is because you have set a fixed width. See this:http://screencast-o-matic.com/watch/cbVthbQLdU. Remove that custom CSS with fixed width for container. It is not recommended. Those CSS is on your site on this file:http://eliteithome.com/new/?display_custom_css=css&ver=4.6.3

Regarding the image on top of your blog page, I can’t see the code when I viewed the source code. Please add it and then we will check.

Hope this helps.

[jmartinos]

Thank you for your response. That solved my problem and I am now able to show the content on my blog posts.

The additional code you recommended I remove: width: 370px !important; I removed that and couldn’t quite see what it did, but it didn’t break anything, so if it’s not recommended to have it there, I won’t put it back in.

As for the image at the top of the main blog page. I inserted this code, recommended by this thread https://community.theme.co/forums/topic/adding-banner-to-show-top-of-blog-page-and-blog-posts/, to the Appearance > Customize > Custom JS

(function($) {
    var html = '<img class="blog-banner" src="http://eliteithome.com/new/wp-content/uploads/2017/01/home-blog-header.jpg">'; 
  $( html ).appendTo('.single-post .x-header-landmark');

})(jQuery);

I’m still not able to see the image on my main blog page. Please let me know what I can do to solve this.

Thank you again for your response, I appreciate your help.

[Christopher]

Hi there,

Please update your code to :

(function($) {
    var html = '<img class="blog-banner" src="http://eliteithome.com/new/wp-content/uploads/2017/01/home-blog-header.jpg">'; 
  $( html ).prependTo('.blog .x-header-landmark');

})(jQuery);

To make image full width, add following code in customizer :

.blog header.x-header-landmark.x-container.max.width {
    width: 100%;
}

Hope it helps.

[jmartinos]

Hello,

Thank you for the response. I have added the JS in the customizer and saved it and it didn’t make a difference. For some reason when I went to the custom JS, the original code wasn’t there anymore and when I added the new JS, saved, left the page to see if it worked, then when back to the JS in the customizer, it was gone again. So I tried putting the JS in a 3rd party Custom JS plugin, but that didn’t work either, the code stayed where I put it, but it still didn’t bring up the image on the main blog page. What could be causing this?

Thank you!

[Paul R]

In that case, 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.

[jmartinos]

Hi,

As mentioned above, unfortunately, due to the security of the site, I cannot provide credentials or access to the editing of the site. I have always been able to receive solutions without providing this. Could you please take another look and see what could be causing the recommended code to not work?

I appreciate your help, thank you.

[Rahul]

Hey There,

Thanks for writing back!

Unfortunately, we can’t provide or check what causing this without the URL of a particular website.

Thanks for your understanding!

[jmartinos]

I can provide the URL and have already above. I just can’t provide you the credentials.

The URL again is: http://www.eliteithome.com/new/blog/

Thank you

[Author]

Posts