Line Breaks

Hey ajberman,

Yep, at the bottom of the Misc tab on the Layout & Style page you’ll see a section labeled ‘Separating Line’. Just change the ‘Separating Line Thickness’ option to ‘0’ or leave it empty to hide the line which separates the posts.

If you have any other questions then just let me know!

John

Ah yes, my bad should have seen that. Thanks for your time. Quick follow up… does the content italicize on default? and if so what is the change? You can see it here

Hey, no problem. It’s easy to miss.

The reason for the italics is that your theme is applying italics to text widgets. On line 548 of layout.css you have the following:

.textwidget {
font: italic 11px/20px Georgia, “Times New Roman”, Times, serif;
color: #6f6e6e;
margin: 0px 0px;
display: inline-block;
}

If you change ‘italic’ to ‘normal’ then it will remove the italic styling.

If you have any other questions then just let me know, I’m always happy to help.

John

Alternatively, if you don’t have access to your theme stylesheet or don’t feel comfortable editing it, then you can always just add the following to the Custom CSS section of the plugin – which is under the Misc tab on the Layout & Style page:

#cff{
  font-style: normal;
}

John

Thanks – I appreciate the help, obviously a novice here…

No problem, the site looks great by the way.

I’m marking this thread as resolved but if you have any other questions or issues then just let me know.

John

my only other/ last (sorry!) question would be, the Custom CSS you listed above seems to change the title, time and description (all content in the widget). Is there a way to break out each so title, time and description can be styled differently? For example, if I wanted the date to be italicized? but the title and description text normal?

Sure, just a little splash of CSS will do that:

#cff{
  font-style: normal;
}
.cff-date{
  font-style: italic;
}
.cff-details .cff-date{
  font-style: normal;
}

The first part sets the whole feed to be non-italic, the second part sets the date to be italic (both the post date and the event date), and the third part sets the event date back to normal again.

If you want to target the post text, date or description using CSS you can just use the following selectors:

Post text: .cff-post-text
Date: .cff-date
Description: .cff-post-desc
Event details: .cff-details

A handy tip – if you’re using Google Chrome or Firefox then you can right click on the part of the feed that you want to target and click ‘Inspect Element’. This will then show you the CSS classes you can use to target any part of the feed.

John