Community Forums › Forums › Archived Forums › Design Tips and Tricks › Introduction and Question
- This topic has 8 replies, 2 voices, and was last updated 9 years, 10 months ago by chrisvaughan.
-
AuthorPosts
-
June 19, 2014 at 12:28 pm #110594chrisvaughanMember
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,
http://www.divorcefieldguide.com
ChrisJune 19, 2014 at 1:48 pm #110616JanHoekParticipantHi 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 #110809chrisvaughanMemberThanks 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 #110810JanHoekParticipantJust 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 #110812chrisvaughanMemberthat 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 #110817JanHoekParticipantLook 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 #110818chrisvaughanMemberYou 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 #110820JanHoekParticipantThat'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 #110828chrisvaughanMemberThanks 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.