Community Forums › Forums › Archived Forums › Design Tips and Tricks › Introduction and Question
- This topic has 8 replies, 2 voices, and was last updated 8 years, 11 months ago by
chrisvaughan.
-
AuthorPosts
-
June 19, 2014 at 12:28 pm #110594
chrisvaughan
MemberHi!
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,
http://www.divorcefieldguide.com
ChrisJune 19, 2014 at 1:48 pm #110616JanHoek
ParticipantHi 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.
June 20, 2014 at 12:34 pm #110809chrisvaughan
MemberThanks 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!
June 20, 2014 at 12:37 pm #110810JanHoek
ParticipantJust 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.
June 20, 2014 at 12:45 pm #110812chrisvaughan
Memberthat 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?
June 20, 2014 at 12:58 pm #110817JanHoek
ParticipantLook 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.
June 20, 2014 at 1:04 pm #110818chrisvaughan
MemberYou 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?
June 20, 2014 at 1:08 pm #110820JanHoek
ParticipantThat'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.
June 20, 2014 at 1:50 pm #110828chrisvaughan
MemberThanks 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?
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.