Padding in custom Blog Posts List? Cancel The title field is required!

1. Kevin

   

   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!

   • example.png
2. Ivan Dimitrov

   

   16072 posts
   Registered:
   12 Sep 2017
   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

   

   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

   

   16072 posts
   Registered:
   12 Sep 2017
   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