Categories on front page alignment

Activello
1

I cant seem to get the categories on the front of site articles to align correctly. Can anyone help out?

I am trying to get it to look like the categories on this page. http://frankandmeredith.com/senotes/ you will see Mexico | vacation .

Currently the front page shows the multiple categories stacked on each other http://frankandmeredith.com.

How can I get the categories on the front page to also display Category1 | Category 2 ? Thanks in advance.

2

I have actually solved this. For those that may run across this issue and want to show multiple categories on the front page and have the categories side by side on the front page as opposed to stacked on each other. Us the child theme I attached (From this post) and add the following CSS

/Category Listing/
.post-inner-content ul.post-categories li {
content: “-”;
display: inline-block;
margin-left: 4px;
}

.post-inner-content ul.post-categories li:after {
content: “-”;
display: inline-block;
margin-left: 4px;
}
ul.post-categories li:last-child:after {
display: none;
}

body.single-post ul.post-categories li:after {
content: “-”;
display: inline-block;
margin-left: 4px;
}
body.single-post ul.post-categories li:last-child:after {
display: none;
}

3

Hi Frank,

Awesome great to see you got that solved.

Please advise if you have more questions.

Have a fantastic day!

Cheers,
Movin