+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Padding in custom Blog Posts List?

Padding in custom Blog Posts List?

4 posts, 1 answered
  1. Kevin
    Kevin avatar
    6 posts
    Registered:
    29 Dec 2009
    15 Sep 2010
    Link to this post
    I'm in the process of styling my blog posts list using the blogsCommonLayout stylesheet, as well as the ContentViewItemList.ascx.  Everything seems to be mapped fine, changes I make to either of these are carrying over to the live page.

    But I'm having trouble with some random padding under the sf_postTitle class (see screenshot).

    Where can I change this at?  I can't seem to find any classes in the stylesheet where this is applicable.

    Thanks!
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    15 Sep 2010
    Link to this post
    Hi Kevin,

    Can you provide us with live link or sent the css classes you have added to the control, because I see that you have already restyle it.

    All the best,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Kevin
    Kevin avatar
    6 posts
    Registered:
    29 Dec 2009
    15 Sep 2010
    Link to this post
    Live site at http://99309.net/ECP/TEST.aspx

    blogsCommonLayout.css (some of the margins have been changed from the default settings in an effort to solve this issue, to no avail)
    /* Posts list */
    ul.sf_postListing
    {
        margin: 0;
        padding: 0;
    }
    ul.sf_postListing li
    {
        margin: 0 0 0;
        padding: 0;
        list-style: none;
    }
    ul.sf_postListing li p, .sf_singlePost p, .sf_postComments p
    {
        margin: 0 0 5px;
        padding: 0;
    }
    .sf_socialBookmarks
    {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 1.3;
    }
    .sf_socialBookmarks li
    {
        list-style-type: none;
        display: inline;
        padding-right: 5px;
    }
    .sf_postTitle
    {
        margin: 5px 0;
        padding: 0;
        font-size: 1.2em;
        font-weight: normal;
        line-height: .85em;
    }
    .sf_postDate
    {
        margin: 0;
        padding: 0;
        font-size: .85em;
        color: #666;
    }
    .sf_postAuthor, .sf_commentAuthor, .sf_commentContent
    {
        margin: 0;
        padding: 0;
    }
    .sf_commentListing .sf_authorComment, .sf_commentListing .sf_anonymousComment
    {
        margin: 0;
        padding: 0;
    }
    .sf_authorComment
    {
        background-color: #eee;
    }
    /* Comments List */
    .sf_commentListing
    {
        margin: 0 0;
        padding: 0;
        list-style: none;
    }
    .sf_commentListing li
    {
        margin: 0 0 0;
        padding: 0;
    }
    .sf_commentListing abbr
    {
        font-size: .8em;
    }
    .sf_commentListing strong
    {
        font-size: 1.1em;
    }
    /* Post Comments Form */
    fieldset.sf_postNewComment
    {
        margin: 20px 0;
        padding: 0;
        border: 0;
    }
    fieldset.sf_postNewComment ol
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    fieldset.sf_postNewComment li
    {
        margin: 0 0 10px;
        padding: 0;
    }
    fieldset.sf_postNewComment label
    {
        display: block;
    }
    /* Pager */
    ol.sf_pager
    {
        margin: 10px 0;
        padding: 0;
        width: 100%;
        float: left;
        list-style: none;
        clear: both;
    }
    ol.sf_pager li
    {
        margin: 0;
        padding: 0 10px 0 0;
        width: auto;
        float: left;
    }
    ol.sf_pager li a
    {
        padding: 3px 5px;
    }
    ol.sf_pager li a[disabled="disabled"], ol.sf_pager li a.sf_PagerSelItem
    {
        color: #666;
        text-decoration: none;
        cursor: default;
    }



    The only thing I have changed that actually seemed to work is the header style in ContentViewItemList.ascx:
    <h4 class="sf_postTitle">
        <asp:HyperLink ID="fullContent1" runat="server">
            <asp:Literal ID="Title" runat="server"></asp:Literal>
        </asp:HyperLink>
    </h4>

  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    15 Sep 2010
    Link to this post
    Hello Kevin,

    The problem is that you are setting bottom padding of 10 px to p tag inside ~/App_Themes/Summer-Green/style.css. There are also 14 px applied to .sidebar li

    Greetings,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
    Answered
Register for webinar
4 posts, 1 answered