- This topic has 7 replies, 2 voices, and was last updated 4 years, 4 months ago by Skandha.
-
AuthorPosts
-
March 18, 2020 at 4:23 pm #239443HansParticipant
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
March 19, 2020 at 12:22 am #239510SkandhaParticipant@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,
SkandhaMarch 19, 2020 at 4:12 am #239541HansParticipantHello 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
March 19, 2020 at 4:53 am #239543SkandhaParticipant@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,
SkandhaMarch 19, 2020 at 5:30 am #239546HansParticipantHello Skandha,
https://drive.google.com/file/d/1rCoMtdQyz9IZwArr7rxOxcWel6TLp63P/view?usp=sharingMaybe 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 articlewhat is should be is:
article separation article separation article
separation
article separation article separation articleI understand that maybe this is not possible.
Kind regards
Hans Hagmeijer
March 19, 2020 at 5:45 am #239547SkandhaParticipant@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,
SkandhaMarch 19, 2020 at 6:02 am #239549HansParticipantPerfect, Skandha,
Thanks.
Kind regards
Hans
March 19, 2020 at 6:09 am #239551SkandhaParticipant@toerfiets: Glad it worked out. Have a good day! 🙂
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘featured content’ is closed to new replies.