Need help? Check out our Support site, then


Custom CSS for Oxygen Theme to Lengthen Headings on Homepage

  1. 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. 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. 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. 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. Wonderful! I really appreciate your help! It worked like a charm.

  6. Awesome!

Topic Closed

This topic has been closed to new replies.

About this Topic