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

Forums / Designing with Sitefinity / "Rogue" Bullets on repeating content

"Rogue" Bullets on repeating content

5 posts, 0 answered
  1. andersleet
    andersleet avatar
    155 posts
    Registered:
    03 Jun 2009
    18 Jun 2009
    Link to this post
    Using SiteFinity 3.6 Community, built-in Emerald theme.

    Check out this image: http://i44.tinypic.com/15f2m9e.jpg. You will notice underneath the "Hello World" text there is a small 'x'. Looking inside the source code for the page, I find this:

    <ul class="sf_postListing">  
        <li>  
            <h2 class="sf_postTitle">  
                <id="ctl00_Content_BlogPosts1_ctl00_repeater_ctl01_fullContent1" href="/test/blog/09-06-18/Hello_World.aspx">  
                    Hello World 
                </a>  
            </h2>  
        <!-- rest of source follows... --> 

    So I looked into the CSS for this theme and found the offending section:
    .content ul li 
        padding-left30px
        list-style-typenone
        backgroundtransparent url(img/bullet.gif) no-repeat 9px 5px
     

    Obviously, if I try to comment out the background declaration the rogue bullet will disappear but so will all other bullets present on the site. I tried to customize the CSS to not display the bullet if it is under 'sfPostlisting' class, but thus far I have been unsuccessful in doing so.

    Any help would be greatly appreciated!


  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    21 Jun 2009
    Link to this post
    Hi andersleet,

    You can create a new ul class which should replace sf_postListing. Thus you can separate the css classes for the blog posts.. You can also use !important declarations. Let us know if this helps for your case.

    Sincerely yours,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Richard
    Richard avatar
    16 posts
    Registered:
    06 May 2009
    29 Jul 2009
    Link to this post
    Upgraded to 3.6 SP2 an Emerald Blue Theme and notice this exact issue.  I placed:

    .content ul
    {
        margin-left: 0;
    }
    .content ul li
    {
        padding-left: 30px;
        list-style-type: none;
        background: transparent url(img/bullet.gif) no-repeat 9px 5px;
    }
    .content ol
    {
        margin-left: 30px;
    }
    .content ul.key-items
    {
        color: #700608;
        font-weight: bold;
    }
    .content ul.key-items li
    {
        background-image: url(img/bullet-yellow.gif);
        background-position: 5px 2px;
    }
    .wrap .news-list
    {
        margin: 0;
    }
    .wrap .news-list li
    {
        padding: 17px 0;
        list-style-type: none;
        background: transparent url(img/sidebar_news_li.gif) repeat-x 0 100%;
    }

    .sf_postListing {padding:17px 0;}


    But this did nothing, essentially the News has been set for the bullet theme but not the blog.  Can someone please post up the correct syntax to change the default company.css in the Emerald Themes for blogs.

    Thanks
  4. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    31 Jul 2009
    Link to this post
    Hello Quokka,

    To remove the background bullet from posts list in blogs only, add the CSS rule from below to company.css. The fix will be available in the next Sitefinity release as well.

    .content ul.sf_postListing li  
        background-image: none; 


    All the best,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  5. Richard
    Richard avatar
    16 posts
    Registered:
    06 May 2009
    31 Jul 2009
    Link to this post
    Also:

    .content ul.sf_postListing li  
    {
        padding-left: 30px;    
        list-style-type: none;
        background: transparent url(img/bullet.gif) no-repeat 9px 5px;
    }

    If you want the same bullet style as news..  Thanks Katia
Register for webinar
5 posts, 0 answered