Custom CSS for Oxygen Theme to Lengthen Headings on Homepage

therebeccaproject · Member · Jan 2, 2013 at 12:07 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
designsimply · Member · Jan 2, 2013 at 6:03 pm
Copy link
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%;
}
```
therebeccaproject · Member · Jan 2, 2013 at 6:22 pm
Copy link
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.
designsimply · Member · Jan 2, 2013 at 6:29 pm
Copy link
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;
}
```
therebeccaproject · Member · Jan 3, 2013 at 10:13 am
Copy link
Wonderful! I really appreciate your help! It worked like a charm.
designsimply · Member · Jan 3, 2013 at 12:42 pm
Copy link
Awesome!

No items found.