how can I increase the width of my posts in Edin theme?

rachelgojer · Member · Dec 16, 2014 at 11:37 am
Copy link

Add topic to favorites
The posts that I have are narrowly placed at the centre of the page. I would like to reduce the white area or use full width format

Also is there a way I can use a grid display for my posts?

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Dec 16, 2014 at 6:45 pm
Copy link
Try adding this to your custom CSS under Appearance > Customize > CSS:
```
@media screen and (min-width: 1024px) {
	.no-sidebar .content-area {
            width: 900px;
	}
}
```
This increases the width of the page at screen sizes of at least 1024px wide.

You may want to test this with various screen sizes and devices to make sure it works as you want it.

If you need further CSS customization help feel free to post in the forum:

https://en.forums.wordpress.com/forum/css-customization

Also is there a way I can use a grid display for my posts?

Edin comes with a grid page template:

https://edindemo.wordpress.com/page-templates/grid-page/

To use it, create a page and assign the Grid Page Template to it from the Page Attributes box. Next, create some sub-pages of your Grid Page. The excerpts and featured images of those sub-pages will be automatically displayed on the Grid Page parent. You can learn more here about creating sub-pages and using the Page Attributes box: http://en.support.wordpress.com/pages/page-attributes/

Edin also has a setup guide here in case you haven’t seen it:

http://theme.wordpress.com/themes/edin/
rachelgojer · Member · Dec 17, 2014 at 5:39 am
Copy link
The CSS worked perfectly. Thanks a ton kathrynwp.

On my question on the grid format I wanted to know if I can get the blog posts to display in grid format? The grid page only has options to display subpages in grid
kathrynwp · Staff · Dec 17, 2014 at 3:44 pm
Copy link
The CSS worked perfectly. Thanks a ton kathrynwp.

Great!

On my question on the grid format I wanted to know if I can get the blog posts to display in grid format? The grid page only has options to display subpages in grid

Ah, yes, you’re right! This theme doesn’t provide an option for displaying posts in a grid format.
rachelgojer · Member · Dec 18, 2014 at 6:02 am
Copy link
Couple of more questions

1. Can I reduce the height of the featured image on the front page?

2. Is there a way I can display the featured pic on the front page featured page but not on the actual page. I need this for my about me page. I want it to display my photo on the featured page but when i open the actual page the photo is displayed across and not looking too good
staff-happychia · Staff · Dec 18, 2014 at 9:54 am
Copy link
For the easy question #2 try the following CSS:
```
.page-id-1 .hero.with-featured-image {
display: none;
}
```
I dunno how to make #1 work :-(
rachelgojer · Member · Dec 18, 2014 at 10:02 am
Copy link
Hey Chaitanyamsv… thanks…that worked!

I still need help on
1. Can I reduce the height of the featured image on the front page?

Will wait for the wp team to respond.
kathrynwp · Staff · Dec 18, 2014 at 3:59 pm
Copy link
1. Can I reduce the height of the featured image on the front page?

Something like this should do the trick:
```
.home .hero.with-featured-image {
     height: 200px;
}
```
I’d suggest you look at this on various mobile devices as well and decide if you also want to wrap it in a media query. For example, you may want to include it in the earlier media query, which would now look like this:
```
@media screen and (min-width: 1024px) {
	.no-sidebar .content-area {
            width: 900px;
	}
	.home .hero.with-featured-image {
            height: 200px;
	}
}
```
rachelgojer · Member · Dec 19, 2014 at 5:39 am
Copy link
The media query option worked better. Thanks a ton! :-)
kathrynwp · Staff · Dec 19, 2014 at 4:54 pm
Copy link
You’re welcome, glad that did the trick!

No items found.