WordPress.org

Ready to get started?Download WordPress

Forums

Flexible Posts Widget
[resolved] Bullet list not showing inline with Post Title (5 posts)

  1. dmorrisse
    Member
    Posted 1 year ago #

    For some reason I cant find the solution for this and cant find the error in CSS. My posts display like this:

    -
    TItle 1

    -
    Title 2

    Can someone tell me whats wrong?

    http://wordpress.org/extend/plugins/flexible-posts-widget/

  2. DaveE
    Member
    Plugin Author

    Posted 1 year ago #

    Hi dmorrisse,

    You'll have to provide more context to your question that this. Do you have a website where I can view the issue? Really, Any CSS issues should be posted to a different forum, since this plugin doesn't handle any CSS styling. Let me know if you can provide more context and we'll go from there. Thanks.

  3. ingenuity
    Member
    Posted 1 year ago #

    DaveE,

    Dmorreisse has been trying to help me with this issue. The site is on http://integralyogamagazine.org/category/hatha-yoga/ and many other secondary pages. (Thanks to the help you provided several weeks ago, I can now set up the Flexible Posts Widget to begin showing post titles in the middle column, under the video playlist, starting after six posts are displayed with titles, thumbnails and excerpts.) The problem we are now having is that the list of posts display with <h4> tags (which are block-level elements) and the bullets from the
    <li> appear on a line above the <h4>s. I can display no bullets in the css, and then the list just shows okay, but I would like to have bullets with the hyperlinked titles on the same line. Is there a way I can change the tag on the <h4> to some inline element that would have a bold font? So instead of
    -
    Title 1

    it would display as

    - Title 1

    Thank you for your help!

  4. DaveE
    Member
    Plugin Author

    Posted 1 year ago #

    Ah, I think I understand. The widget outputs code with the H4 tags wrapped inside the A tag. If you apply a display:block; to the a tag, it should properly "box" the H4 and thus appear on the same line as the bullet. Styles for this might look like: .widget_dpe_fp_widget a {display:block;}

    Alternatively, you could switch out the order of the widget output so that the A tag is within the H4 tag.

    Helpfully that helps,

  5. ingenuity
    Member
    Posted 1 year ago #

    Dave, thank you for providing guidance! That resolved the problem nicely.

    We also added some line height, margin bottom on the li and pseudo classes.

    .widget_dpe_fp_widget a{display:block;line-height:150%}
    .block-type-widget-area li.widget ul li{margin-bottom:5px;}
    .block-type-widget-area li.widget ul li a:hover {color:#CC7524; text-decoration:underline;}
    .block-type-widget-area .horizontal-sidebar li.widget {
        float: left;
        margin: 0px 14px;
        width: 20%;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic