Introduction and Question

[chrisvaughan]

Hi!

I am brand new here, and I have been searching for an answer to my question.

I am not a designer/dev, but I built my site myself. Tell me what you think!

http://www.divorcefieldguide.com

Here is my question - the last two posts on the bottom of the page look bad, and I want to not have the two summarized posts on the bottom of the page. I just want the posts to look like the top two posts on the home page. And I want to set up endless scroll with that as well. Also, the posts are showing up without the fonts and design like the other two posts.

Can I remove the two bottom page posts feature? And just make every post look like the top two posts?

Thanks,
Chris

http://www.divorcefieldguide.com

[JanHoek]

Hi Chris, welcome on the StudioPress Forums.

You can try the change following CSS

.full-width-content .genesis-grid-even, 
.full-width-content .genesis-grid-odd {
width: 100%;
}

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[chrisvaughan]

Thanks for the quick reply!

Where do I put that code? I am brand new to CSS. And is there a way I can do this with a plug in? I find using plug ins instead of changing CSS has been easier for me.

Thanks again!

[JanHoek]

Just put it at the end of your style.css file. You can find this in your child-theme folder.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[chrisvaughan]

that did it!

One problem, its still showing different formatting on the homepage preview of the post, than the actual post itself. The top two posts are showing the correct formatting, but the bottom three are not. Any way to fix this?

http://www.divorcefieldguide.com/

[JanHoek]

Look for this in your style.css en remove it,

.genesis-grid h2.entry-title, .genesis-grid h2.entry-title a {
font-size: 24px;
line-height: 32px;
}

after that look for

.entry-content p {
    padding: 0 0 25px;
}

and add

  font-size: 14pt;
    font-family: 'courier new', courier;
    color: #808080;

So it looks like

.entry-content p {
    padding: 0 0 25px;
    font-size: 14pt;
    font-family: 'courier new', courier;
    color: #808080;
}

If you want more customization maybe it's better to hire a developer.

Good luck

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[chrisvaughan]

You da MAN JAN!!

Thanks, that was so easy. CSS could be fun..

One other question, how can I change the preview image that gets pulled from the post on the home page?

[JanHoek]

That's the first image you put in the post. Just change it or put another one first.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[chrisvaughan]

Thanks Jan!

I noticed its pulling in second photos, and sometimes not pulling in any photo. Is there a way to direct which photo it grabs?

[Author]

Posts