Docs

[tats86]

Hello,

My website URL is aimetamarque.com

1. I want to remove the blog titles from the individual articles that appear on my Blog page and on each individual blog post (i.e. I only want the featured image to show with the date.

2. Also, I want to remove the excerpts.

I’ve tried a bunch of CSS codes to add to customizer as mentioned in similar requests, but no luck.

Thanks for your help!

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.entry-header, .entry-content.excerpt {display: none;}

Hope it helps, Cheers!

[tats86]

Thanks! It definitely helped. Is there a way to have the images larger and remove the box around it?

I’d also like to add the date below. Actually, I would like to replicate what appears in the “latest post” section on the home page in terms of visual, but for all my posts. Is this doable?

THanks for your help

[Christopher]

Hi there,

Please add this:

.x-iso-container-posts>.hentry .entry-wrap {
    border: none;
    padding: 0;
}

Enable ‘Post Meta’under Customize -> Blog.
Update previous code to :

 .entry-content.excerpt {display: none;}

And add this code under Customize -> Custom -> JavaScript :

jQuery('.entry-title').each(function() {
  jQuery(this).closest('.post').append(jQuery(this));
});;

Hope it helps.

[tats86]

There’s definitely something wrong now. The blog page looks a mess. Maybe I misunderstood a step.

I’d like each of my blog posts on my blog post page to look like the recent post format (see image attached), with the title, preferably in full, and then the date below (no other meta data).

Is this possible? Thanks again for your help.

[Rupok]

Hi there,

Thanks for updating. I can’t see any attached image but you can try adding this CSS as well :

.x-iso-container .p-meta > span:not(:nth-child(2)) {
  display: none;
}

.x-iso-container .p-meta > span::after {
  content: "";
}

Add this and let us know what else you need to modify.

Cheers!

[tats86]

Almost 🙂

Now, I’d like the date to appear below the title (hopefully the attached image will work this time) and smaller. If it could be boxed like in the image, it would be great.

[Rupok]

Hi there,

Thanks for writing back. Changing the position would be tricky. You can try the below code but I can’t guarantee it will look better on each device :

.x-iso-container > .hentry {
  border: 2px solid #e5e5e5;
  padding-bottom: 50px;
}

.x-iso-container .entry-featured {
  border: medium none;
  margin-top: 0;
}

.x-iso-container .entry-header {
  bottom: 10px;
  position: absolute;
}

@media (min-width:768px) {
.x-iso-container.cols-2 > .hentry {
  width: 47.95%;
}
}

Hope this helps.

Cheers!

[tats86]

Awesome, thank you!

[Joao]

Great to hear it.

Please let us know if we can help with anything else.

Joao

[Author]

Posts