[solved] News module font not changing

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
nakkiel
Forum Members
Forum Members
Posts: 70
Joined: Wed Apr 02, 2008 7:15 am

[solved] News module font not changing

Post by nakkiel »

Hi

I can't change the font of my news module into same as my main website. Also the summary has that different font than my main website. I have tried to add the same css font settings into almost every setting I can find from my Module: News css. Now I'm beginning to think I have removed a crucial section from the css. In any case, here's my Module: News css:

Code: Select all

div#news {
   background-image: url(images/menupic1.jpg);
   background-repeat: no-repeat;
   background-position: 7px 7px;
   border: 0;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9,5pt;
   margin: 0;  /* margin for the entire div surrounding the news list */
}

div#news h2 {
   background: #fff;
}

.NewsSummary {
    font-family: arial, helvetica, sans-serif;
    font-size: 9,5pt;
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc;
}

.NewsSummaryPostdate {
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {

 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
}

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  }

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */
/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
Last edited by nakkiel on Fri May 23, 2008 9:25 am, edited 1 time in total.
Top
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: News module font not changing

Post by Dr.CSS »

OK but what does the page source say, that's why a link is very helpful...
Top
User avatar
nakkiel
Forum Members
Forum Members
Posts: 70
Joined: Wed Apr 02, 2008 7:15 am

Re: News module font not changing

Post by nakkiel »

I can send you a private message containing a link to the site (if you want to help me), meanwhile, here's the (modified) source:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
</head>
 </__body>
  <center>
   <div id="maincontainer">
    <div id="header">
     <img alt="Logo" height="231" src="images/etusivu/logo.jpg" width="882" />
    </div>
    <div id="leftcolumn">
     <div id="news">
      <img align="middle" alt="Current" height="29" src="images/current.jpg" width="190" />
      {news moretext="Lue lisää" number="2"}
     </div>
     <div id="buttons2">
      <br />
      <a href="index.php?page=page_01" target="_top"><img alt="Page 01" height="53" src="images/etusivu/page_01.jpg" width="239" /></a><br />
      <br />
      <br />
     </div>
    </div>
    <div id="contentcolumn">
     <div id="logo">
      <img align="right" alt="Logo" height="23" src="images/logo.jpg" width="570" /><br />
     </div>
     <div id="buttons">
      <a href="index.php?page=page_02" target="_top">
       <img align="right" alt="Page 02" height="114" src="images/etusivu/page_02.jpg" width="296" />
      </a>
      <a href="index.php?page=page_03" target="_top">
       <img align="right" alt="Page 03" height="114" src="images/etusivu/page_03.jpg" width="293" />
      </a>
     </div>
     <div id="content">
      {content}
     </div>
    </div>
    <div id="footer">
      <a href="http://www.kablaa.com/" target="_blank">
        <img alt="Kablaa" height="29" src="images/kablaa.jpg" width="76" />
      </a>
      <a href="http://www.kablaa2.com/" target="_blank">
        <img alt="Kablaa2" height="29" src="images/kablaa2.jpg" width="76" />
      </a>
    </div>
    <br />
   </div>
  </center>
 <__body>
</__html>
The page is not a page I can just promote as I wish, so...
Top
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: News module font not changing

Post by Dr.CSS »

I meant a rendered page sourse, you can send a link...
Top
User avatar
nakkiel
Forum Members
Forum Members
Posts: 70
Joined: Wed Apr 02, 2008 7:15 am

Re: News module font not changing

Post by nakkiel »

Solved. Problem was that there was a different font setting in the news articles  ::)
Top
Post Reply

Return to “Layout and Design (CSS & HTML)”