Docs

[Magnifyre]

Hello,
I would like to remove the date from ALL posts on the website (including thumbnails, recent posts, carousel, blog themselves) and adjust the font size of recent posts. I tried adding this to the custom CSS section of the website, without success.

.x-recent-posts .h-recent-posts {
font-size: 5px;
}
.no-date .x-recent-posts-date {
display: none;
}

Please advise! 🙂

[Rad]

Hi there,

Thanks for writing in.

Do you wish to completely remove them, or just hide them? You may try this

.x-recent-posts .x-recent-posts-date {
display: none;
}

Would you mind providing your site’s URL? I like to see the current setup, like what kind of carousel.

Thanks!

[Magnifyre]

Hello there!

Thanks for your help – although, it didn’t seem to work. I added the code to the theme’s custom CSS, and you can still see the dates on posts. (See here: http://naturalwayconnection.com/category/recipes/)

Additionally, how do I change the font size of recent posts? (See how the titles are cut off on the recent posts at the bottom: http://naturalwayconnection.com/avocado-tomato-toast/)

Mallory

[Rad]

Hi there,

Ah I see, you’re referring to archive posts. Please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( function ( $ ) {

$('.featured-meta').each( function(){

$(this).html( $(this).text().split('/')[0].trim() );

} );

} );

About the font size, it’s because you added this which basically change the font size globally.

body h3 {
   font-size:38px !important;
}

To override it, then please add this CSS as well,

.x-recent-posts .h-recent-posts {
    font-size: 15px !important;
}

Hope this helps.

[Magnifyre]

Wow, thank you so much! The font-size on recent posts is fixed and the date on the archive posts is removed! Is there a way to edit the JS so that it also removes dates from “recent posts”? (See here: http://naturalwayconnection.com/blueberry-banana-quinoa/)

[Rupok]

Hi there,

I can see that was already provided by Rad. You need to add this under Custom > CSS in the Customizer.

.x-recent-posts .x-recent-posts-date {
  display: none;
}

Cheers!

[Magnifyre]

Great – that worked! Thanks so much for your help!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts