Looks like you need to add CSS to add spacing (generally margin or padding) — perhaps something like this:
.BlockContent-body .post {
margin: 20px 0;
}
Which background do you want to show through?
Maybe I’ll scrap the idea of cutting the text area to allow the gradient background to show through.
Really all I need is for someone to direct me to the correct location in my CSS to insert a break of any kind. All my posts kinda merge into one long sheet. I want them to be more clearly separate. I’m not too shabby with CSS but very new to WP. Where should I be looking?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Download a CSS Manager plugin and you’ll have an area within the dashboard allocated for CSS modifications.
OK so I’ve tried those tips above. The code didn’t seem to work when inserted manually or in the custom CSS manager plugin. I’m getting closer to an understanding though.
Is ‘.BlockContent-body .post’ the same in all themes? I can’t seem to find a .post class anywhere.
CSS code is theme specific — although .post is used by WP for posts. Not sure what you mean by you can’t seem to find a post class — if you look at the rendered HTML code for any post, it’s there.
Just noticed that you are using an Artisteer theme — which may be one reason it’s hard to sort out what is going on — from what I’ve seen, their themes have tons of convoluted and confusing code. You might want to look at some other themes that are easier to work with.
For further help, I’d suggest you ask on the Artisteer forums — as they will be better able to help with their themes.
Riiiight. Thanks for the help.
I was trying the code above with the CSS Manager but it isn’t working. Can someone please help me to add a block or widget space on my front page, right below my featured post (first post).
@bettyjohnson – as noted above, CSS is theme and site specific, so it’s unlikely code from someplace else will work on your site. Please start your own thread and post a link to your site.
