Item Titles Getting Cut Off

1 view
Skip to first unread message

Perpetual Motion

unread,
Jul 7, 2009, 12:36:32 AM7/7/09
to Google AJAX APIs
Hello,

I've got my feed contained in a div which is a set width. If the width
of the title of the item fetched by the feed is greater than the width
of the div, the title goes onto a second line.

The problem I'm having is that if the title is on a second line, the
item's content appears on top of the second line. The title is still
there, but BEHIND the item text.

Is there a way to bump the content down if the title takes up more
than one line?

Thanks in Advance

Ben Golden

unread,
Jul 7, 2009, 11:14:51 AM7/7/09
to Google-AJAX...@googlegroups.com
Could you include a link to your application?
--
Bravery is not the lack of fear, but the choice to act in spite of it.

Jeremy Geerdes

unread,
Jul 7, 2009, 11:22:38 AM7/7/09
to Google-AJAX...@googlegroups.com
As Ben indicated, a link would be very helpful. But the answer, I
suspect, is going to be in the CSS. Specifically, in the Feeds API's
default stylesheet is a rule like this:

.gfc-result .gf-title{height:1.4em;overflow:hidden;}

(FYI: It starts on line 82 of default.css.)

What you need to do is override that rule by adding something like
this somewhere in your CSS:

#feedControl .gfc-result .gf-title{height:auto;}

Where feedControl is the id of the control's containing div.

Jeremy R. Geerdes
Effective website design & development
Des Moines, IA

For more information or a project quote:
http://jgeerdes.home.mchsi.com
http://jgeerdes.blogspot.com
http://jgeerdes.wordpress.com
jgee...@mchsi.com

Unless otherwise noted, any price quotes contained within this
communication are given in US dollars.

If you're in the Des Moines, IA, area, check out Debra Heights
Wesleyan Church!

And check out my blog, Adventures in Web Development, at http://jgeerdes.blogspot.com
!
Reply all
Reply to author
Forward
0 new messages