Archived topic

Blog: full width image, narrow text column?

3 replies · Started by Danno on August 10, 2016

Viewing posts 1–4 of 4

August 10, 2016 at 6:32 pm #217309

screenshot: http://www.screencast.com/t/sIij5BSbAp7t

Hi, I'm using the GP theme with add-ons.

Any advice on achieving the look in the screenshot for blog entries? Basically, the feature image spans full width, and then the text of the post is in a narrow center column.

Love the theme--can't see a way to do this though. Any advice?

August 11, 2016 at 12:33 am #217339

Hi there,

Can you show me what you have so far? The solution is different depending on your settings (separate containers vs one container etc..).

Also, do you want the featured image to be a static image or are you using the Page Header add-on to add a background image + content?

Let me know :)

August 11, 2016 at 5:44 am #217403

Thanks for the quick reply.

The screenshot is from another theme (EighteenTags), and this is one of their default layouts--I haven't got anything set up in GP yet.

I'm just getting things set up in GP, so I can set it up any way. I am basically trying to recreate this layout, how-ever...

The featured image is static--I'm not using the page header. I'm hoping to have the image placed automatically.

Hope that's not too vague. Thanks for any help.

August 11, 2016 at 5:36 pm #217543

You could give something like this a shot:

.single .inside-article > *:not(.page-header-image-single) {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

It should basically set everything that's not the featured image to 800px (adjust as needed) and center it.

This archived topic is closed to new replies.

Start building better websites today.