WordPress.com

1. therebeccaproject
   Member
   Jan 2, 2013, 12:07 PM

   Hi there,

   I am using the Oxygen theme with the upgrade to custom CSS. The part I'm having difficulty in customising in the CSS is the display of the article headings on the homepage. I have deactivated the slider, so only the recent articles display.

   Currently, the headings display on the homepage like this:

   Living it up in
   the Lake
   Conjola
   Sunshine

   I wish the heading to be all on one line, preferably followed by the exerpt underneath, and the details following, like this:

   Heading
   Excerpt
   January 1, 2013. 1 Comment.

   Can anyone assist me with this?

   The blog I require assistance on is:
   http://therebeccaproject.com/

   Thanking you kindly!

   The blog I need help with is therebeccaproject.com.

2. designsimply
   Happiness Engineer
   Jan 2, 2013, 6:03 PM

   This example will just affect the home page. Add it to your Appearance → Custom Design → CSS editor:

   .home .entry-header {
       float: none;
       width: 100%;
   }
   
   .home .entry-summary {
       float: none;
       padding-left: 0;
       width: 100%;
   }

3. therebeccaproject
   Member
   Jan 2, 2013, 6:22 PM

   That works. Thanks so much for your help!

   Having seen the way it looks now, do you know how I can condense the date and comments (currently on separate lines), onto one line just underneath the header?

   Thanks.

4. designsimply
   Happiness Engineer
   Jan 2, 2013, 6:29 PM

   Do you know how I can condense the date and comments (currently on separate lines), onto one line just underneath the header?

   Try adding this:

   .entry-meta span {
   	display: inline;
   }
   
   .entry-meta .byline {
   	padding-left: 10px;
   }

5. therebeccaproject
   Member
   Jan 3, 2013, 10:13 AM

   Wonderful! I really appreciate your help! It worked like a charm.

6. designsimply
   Happiness Engineer
   Jan 3, 2013, 12:42 PM

   Awesome!

Topic Closed

This topic has been closed to new replies.