Add image between blog posts

Hey Daniel,

Thank you for the clear explanation of what you want to achieve, I like the colors on the site you have used.

below is the CSS code to add bottom border for the posts please replace the image with your own :)

.post-entry.post-entry-type-standard.single-small.post.type-post.status-publish.format-standard {
	background: url('https://markinns.com/archive/images/pencil-straight-line.png') repeat-x;
	background-position: bottom center;
}

Best regards,
Vinay

Hi,

It should look like the screenshot below. Please replace the image URL and try adding this code to your child themes style.css file which can be accessed via Appearance > Editor

If you still have any issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Vinay

Hi,

The reason it appears on top is because the code is missing “background-position: bottom center;”
For more info please check https://css-tricks.com/almanac/properties/b/background-position/

To hide the background on last item Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.content article.post-entry:nth-child(3) {
	background: none!important;
}

Best regards,
Vinay

Hey!

That’s looking really nice now :)
Don’t forget rate our theme if you have not on themeforest.
Thank you for using Enfold!

Regards,
Vinay

• This reply was modified 8 years, 6 months ago by Vinay.