Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Tutorial question

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 835 Views
  • cmstester
    Avatar
    Community Member
    15 Posts

    Tutorial question Link to this post

    I've review the 2nd tutorial here on the SS.com site and implemented the showing of news on the front page. I have one problem, however. It implements the news as an unordered list like so:

    <div id="Content" class="typography">      
       $Content
       <ul id="NewsList">
          <% control Children %>
             <li class="newsDateTitle"><a href="$Link" title="Read more on &quot;{$Title}&quot;">$Title</a></li>
             <li class="newsDateTitle">$Date.Nice</li>
             <li class="newsSummary">$Content.FirstParagraph <a href="$Link" title="Read more on &quot;{$Title}&quot;">Read more &gt;&gt;</a></li>
          <% end_control %>
       </ul>
    </div>

    The issue with this is it bulled the title, the date and the article summary. This looks awful. I want it to look more like a blog post like the blog module. I can't use the blog module though because i'm using it for something else. How can i change this or what can I change it to to make it not show the bullets without editing the css to remove bullets from an UL?

  • Willr
    Avatar
    Forum Moderator
    5508 Posts

    Re: Tutorial question Link to this post

    Just change the ul to a paragraph or something?

    <div id="Content" class="typography">
    $Content
    <% control Children %>
       <div class="newsArticle">
       <h3><a href="$Link" title="Read more on &quot;{$Title}&quot;">$Title</h3>
       <p>$Date.Nice</p>
          <p>$Content.FirstParagraph <a href="$Link" title="Read more on &quot;{$Title}&quot;">Read more &gt;&gt;</a><p>
       </div>
    <% end_control %>
    </ul>
    </div>

    835 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.