Docs

[robvandalen]

Hi!

I’m building a website with ‘recent posts’ items on my homepage.
I would like to try two separate stylings, but can’t find the right CSS in the forum search.

My wishes:

A – change the color of the background behind the title. It is grey now, and I’d like to have it white.

B – remove the complete title-part, so that I would only have the featured image, with the (already customized) green line around it and no title field or whatsoever.

Are these easy to customize possibilities?

[robvandalen]

This reply has been marked as private.

[robvandalen]

Oh,

and for option A, I’d also like to remove the grey border around the title-field, so basically there’s just

image
title text

with a tiny green border around the total

Thanks in advance guys

[Rue Nel]

Hello There,

Thanks for writing in!

A] To change the color of the background behind the title, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-recent-posts .x-recent-posts-content {
    background-color: #fff;
    border-color: #fff;
}

B] To remove the complete title-part, so that I would only have the featured image, You simply need to add the following css code in the customizer, Appearance > Customize > Custom > CSS

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

And to make sure that you separate each your recent post element, you must insert a unique no-title ID in the ID field(http://prntscr.com/bkdfzs) and then your code for the recent post with no title should be like this:

#no-title.x-recent-posts .x-recent-posts-content {
    display: none;
}

http://prntscr.com/bkdgxv

Hope this helps.

[robvandalen]

Gonna try it!
Thanks a million again.
You guys are so incredibly helpful and fast.

X and CS are worth every dollar!

[Paul R]

You’re welcome and thank you for your kind words! 🙂

[Author]

Posts