[Hans]

Hi,

At first: how is it possible to add an image to this topic? That makes communicatie a lof easier, I think.

I have on the frontpage 6 featured content pages. Now the whole featured content section has got another background color. But, what I should like is that the all the featured content parts of the section get a new background color so that there will be a blanc gap between the content parts.
Is that possible?

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Hello Hans,
To add an image you can upload the image to Dropbox, Goggle Drive or similar platforms and then paste the link here.

Go to => Appearance => Customizer => Additional CSS and add the following CSS Code.

#featured-content-section {
    background-color: #f0f0f0 !important; 
}

You can change the color according to your choice.
Let me know if this is what you want!
Kind Regards,
Skandha

[Hans]

Hello Skandha,

Thank you for answering.
This is not what I wanted. Now (see picture) the whole background has got the same color. What I should like is that the background of the section stays white and the individual content gets the new background.
Maybe what I am asking isn’t possible.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Hello Hans,
I don’t see any picture.

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#featured-content-section article {
    background: gray;
}

Is this what you want or you want every post to have a different background color?

Kind Regards,
Skandha

[Hans]

Hello Skandha,
https://drive.google.com/file/d/1rCoMtdQyz9IZwArr7rxOxcWel6TLp63P/view?usp=sharing

Maybe this time I succeed in displaying an image.

It is almost what I like that it should be.
What you can see (also on the url: leusden.hagmeijer.nl) is that there is a horizontal separation between the articles.
What is missing is the vertical separation.

Tot explain
now we see:
article article article
separation
article article article

what is should be is:
article separation article separation article
separation
article separation article separation article

I understand that maybe this is not possible.

Kind regards

Hans Hagmeijer

[Skandha]

@toerfiets: Hello Hans,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#featured-content-section article {
	margin-left: 2px;
}
@media screen and (min-width: 40em) {
	.featured-content-wrapper.layout-three .hentry {
		width:33%;
	}
}

Let me know if this is what you want!
Kind Regards,
Skandha

[Hans]

Perfect, Skandha,

Thanks.

Kind regards

Hans

[Skandha]

@toerfiets: Glad it worked out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts