• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Help for styling a page

AndreaMarucci

Well-known member
#1
I would like to create a page that should appear like that one

Screenshot 02-2455971 alle 11.18.59.png

An icon on the left, the title and a little description underneath. Can someone explain me (maybe showing me the code since I'm not a programmer nor I know CSS) how to do that to achieve this effect?
 

Mikey

Well-known member
#2
Based off the forum/node list html, here's what was used:

Code:
<ol class="sectionMain">
  <li>
      <ol class="nodeList">
      <!-- START HERE -->
 
      <!-- start block -->
      <li class="node forum">
        <div class="nodeInfo forumNodeInfo primaryContent ">
            <span class="nodeIcon" title=""></span>
              <div class="nodeText">
                  <h3 class="nodeTitle" style="font-weight:bold;font-size:12pt;">
                    <a href="#">A Test Forum</a>
                  </h3>
                  <blockquote class="nodeDescription muted baseHtml">Test Description?</blockquote>
               </div>
         </div>
      </li>
      <!-- end block -->
 
      <!-- STOP HERE -->
      </ol>
  </li>
</ol>