Title: Layout
Last modified: June 16, 2020

---

# Layout

 *  Resolved [jamkho](https://wordpress.org/support/users/jamkho/)
 * (@jamkho)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/)
 * Hi,
    I would like to know if any possibilities to add more layout instead of 
   a limitation of 2? Thanks

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/layout-76/page/2/?output_format=md) [→](https://wordpress.org/support/topic/layout-76/page/2/?output_format=md)

 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-12999770)
 * With a knowledge of CSS you can pretty much make this plugin look anyway you’d
   like.
 * Give me an example of what you’d like it to look like and I’ll see if I can come
   up with some CSS to make it work for you.
    John
 *  [kingofching](https://wordpress.org/support/users/kingofching/)
 * (@kingofching)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13006807)
 * Is it possible to achieve a image on left and the other items on the right like
   this example?
 * [https://greenvillejournal.com/category/eat-drink/](https://greenvillejournal.com/category/eat-drink/)
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13006853)
 * Absolutely. You can even include the social sharing using the custom excerpt 
   or acf plugin.
 *  [kingofching](https://wordpress.org/support/users/kingofching/)
 * (@kingofching)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13006973)
 * I gave it a shot but I can’t get the title and source to line up. The items are
   not in a div. Just a span tag. I can put the image and excerpt side by side. 
   Do you have some styles I can use?
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13007047)
 * Give me a link to the page that you want me to work on and I’ll set it up.
 *  [kingofching](https://wordpress.org/support/users/kingofching/)
 * (@kingofching)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13007048)
 * [https://greenvillejournal.com/cj/](https://greenvillejournal.com/cj/)
 * Do you need site login?
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13007109)
 * What size do you want the images? About half the width or the same size as the
   link above?
 *  [kingofching](https://wordpress.org/support/users/kingofching/)
 * (@kingofching)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13007118)
 * Same size would be great!
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13007187)
 * Okay give me a couple of days please.
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13010374)
 * Okay first of all if you need further help if the following doesn’t work fill
   out the form he to grant me site access:
 * [https://support.agaveplugins.com/contact/](https://support.agaveplugins.com/contact/)
 * First add this argument to the shortcode that I am altering. Not the one in the
   right sidebar.
 * `shortcode_id='custom_page_id_2'`
 * Now enter the following CSS in the customizer or anywhere else your site allows
   custom HTML.
 *     ```
       #custom_page_id_2 .netsposts-block-wrapper {
       	display: grid;
       	grid-template-rows: auto;
       	grid-template-columns: 1fr;
       	row-gap: 2em;
       }
   
       #custom_page_id_2 .netsposts-content {
       	display: grid;
       	grid-template-rows: auto;
       	grid-template-columns: 1fr;
       	grid-template-areas:
       	"grid-img"
       	"grid-posttitle"
       	"grid-source"
       	"grid-excerpt";
       }
   
       #custom_page_id_2 .netsposts-content .netsposts-posttitle {
       	grid-area: grid-posttitle;
       }
   
       #custom_page_id_2 .netsposts-content .netsposts-source {
       	grid-area: grid-source;
       }
   
       #custom_page_id_2 .netsposts-content .link-img-wrapper {
       	grid-area: grid-img;
       }
   
       #custom_page_id_2 .netsposts-content .netsposts-excerpt {
       	grid-area: grid-excerpt;
       }
   
       @media screen and (min-width: 760px) {
       	#custom_page_id_2 .netsposts-content {
       		display: grid;
       		grid-template-rows: auto;
       		grid-template-columns: 1fr 1fr;
       		grid-template-areas:
       			"grid-img grid-posttitle"
       			"grid-img grid-source"
       			"grid-img grid-excerpt";
       		column-gap: 1em;
       	}
   
       	#custom_page_id_2 .netsposts-content .netsposts-posttitle {
       		grid-area: grid-posttitle;
       		align-self: end;
       	}
   
       	#custom_page_id_2 .netsposts-content .netsposts-source {
       		grid-area: grid-source;
       		align-self: center;
       	}
   
       	#custom_page_id_2 .netsposts-content .link-img-wrapper {
       		grid-area: grid-img;
       		align-self: center;
       	}
   
       	#custom_page_id_2 .netsposts-content .netsposts-excerpt {
       		grid-area: grid-excerpt;
       		align-self: start;
       	}
       }
       ```
   
 *  [kingofching](https://wordpress.org/support/users/kingofching/)
 * (@kingofching)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13010640)
 * You totally knocked this out of the park!!! It’s works perfectly!!
 * Thank you very much!
 * May I please have a link to make a donation to you.
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13011770)
 * If you follow this link there will ne a donation button in the right sidebar (
   computer or tablet) or on the bottom of the page (mobile).
 * [https://wordpress.org/plugins/network-posts-extended/#description](https://wordpress.org/plugins/network-posts-extended/#description)
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13013684)
 * Thank You for the Donation!!! 🙂
 *  [kingofching](https://wordpress.org/support/users/kingofching/)
 * (@kingofching)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13071855)
 * John,
 * Is it possible to get all of the text items in the second column on desktop to
   stack close together vertically of each other instead of each item aligning center
   of the given height? I tried align-self:start in a few places.
 * Thanks,
 * Steve
 *  Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * (@johnzenausa)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/layout-76/#post-13072131)
 * The ones with less text are too spread out I assume. You would like to have them
   all align towards the top, correct?

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/layout-76/page/2/?output_format=md) [→](https://wordpress.org/support/topic/layout-76/page/2/?output_format=md)

The topic ‘Layout’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/network-posts-extended_b4775d.svg)
 * [Network Posts Extended](https://wordpress.org/plugins/network-posts-extended/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/network-posts-extended/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/network-posts-extended/)
 * [Active Topics](https://wordpress.org/support/plugin/network-posts-extended/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/network-posts-extended/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/network-posts-extended/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [layout](https://wordpress.org/support/topic-tag/layout/)

 * 18 replies
 * 3 participants
 * Last reply from: [johnzenausa](https://wordpress.org/support/users/johnzenausa/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/layout-76/page/2/#post-13079454)
 * Status: resolved