Docs

[flysocal]

Can you assist?
From what I have been able to see, I understand that you need a featured image in order to have a picture show up on any of the sliders or carousal top. Further, you need a featured image in order to see a picture if you search by archive or category.
My dilemma. I want the pictures in the places mentioned above, but I don’t like how they show on the main page.

If using a featured image and wanting to see the full post, you get a small picture of the featured image, and then text that only uses about 60% of the content area. All post pictures are now shrunken into that 60% area.

How do I either, have the featured image not show on the main page… or, have the main content span the entire 100% of the content area? I definitely don’t want to see the same picture twice.

Thanks,

[Rue Nel]

Hello There,

Thanks for writing in! To have your featured image not showing on the blog index and expand the content area, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-ethos.blog .x-main .hentry>.entry-featured, 
.x-ethos.blog .x-main .hentry.has-post-thumbnail>.entry-wrap {
    float: none;
    width: 100%;
    padding-left: 0;
}

.x-ethos.blog .x-main .hentry>.entry-featured {
    display: none;
}

Please let us know if this works out for you.

[flysocal]

Thank you! It worked perfectly… the first time!

[Joao]

Great to hear it.

Let us know if you need help with anything else.

Joao

[flysocal]

A slight addition; is it possible with css to also remove the featured image from the actual post?

With the previous code, it strips the Featured Image off for the main blog page like I requested but, I add the same image to the post so that it will show on the main blog page (when the featured image is stripped)

The problem is, that when viewing the actual post, both the Featured Image and the same image loaded to the post, show.
So, I’d like the Featured Image to be removed from the post as well.

Thanks.

[Jade]

Hi there,

Please add this code:

.single .entry-featured {
    display: none;
}

[flysocal]

Worked perfectly!
Thanks for the help… I wish I understood CSS better. Got any recommendations for reference material? I can program visual basic but that’s it…. so far!

[Prasant Rai]

You are most welcome. I recommend you to visit Codeacademy and take up interactive CSS course.

https://www.codecademy.com/learn/web

[flysocal]

Hi there,
The above code worked perfectly.. but now it isn’t. I haven’t changed the code any… so I don’t know why my main page post isn’t showing at 100% full width as the CSS code is directing.

Ok… to further confuse things… sometimes the image is full width and sometimes not. I don’t understand why it would be random?

The only thing I added was some JavaScript on the sidebar. Is this interfering with the CSS code somehow?

Thanks for the help.. again.

[flysocal]

This reply has been marked as private.

[Jade]

Hi there,

Some of the featured images in the homepage does not fill the entire width of the page because there seems a plugin you are using that is resizing the images just like this to this. Kindly try to check on the settings of the image when you are setting them as the featured image.

[flysocal]

Thank you. It was entirely my fault. I wasn’t paying attention to the size of the media I was inserting.
I should have known it wouldn’t just change on its own.

Lesson learned. Thanks again.

[Nico]

No worries. Feel free to ask us again.

Thanks.

[Author]

Posts