Pro Theme - Integrity Stack - Customizing the Blog Main Page

[snyderonlinemarketing]

Hello,

I have a site in development where I need to do two things.

1. Add content (header, underline, and content with links) on the blog main page above the article feed.
2. Rework the css for the article feed items to have the featured image to the left of the title - not above it.

Here’s the page on the site in dev: http://cbi-dev.snyderonlinemarketing.com/blog/
I have a child theme setup.
And here’s an image with the specific items needing updated/added/edited: https://i.imgur.com/C1AB1eA.png

Thanks in advance for your help.

[Prasant]

Hello @snyderonlinemarketin,

Thanks for writing in!

Can you please re-upload the image file as I am bit confused with the first question? Imgur link you have shared is not loading on my end.

@snyderonlinemarketin

Rework the css for the article feed items to have the featured image to the left of the title - not above it.

Please add following CSS under Pro > Theme Options > CSS and let us know if that’s the layout you are looking for:

.has-post-thumbnail .entry-featured {
    float: left;
    width: 45%;
}

.has-post-thumbnail .entry-wrap {
    float: left;
    width: 55%;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.