Page 1 of 1

Change text size and style for news module?

Posted: Sat Jul 15, 2006 3:27 am
by duplay
How can I change the news module text and size so it matches my template's? I am trying to get the news text to show Arial small, or 100%.

thank, mjd

[attachment deleted by admin]

Re: Change text size and style for news module?

Posted: Sat Jul 15, 2006 4:10 am
by Dr.CSS
you should have a News CSS with all the relavent styles, if you rite clik to get the source view you will see what class those have and you can style them ....

Re: Change text size and style for news module?

Posted: Sat Jul 15, 2006 4:57 pm
by duplay
Mark,

I figured out how to adjust the sizes fo the news and the news summary. However, do you knwo how I can get the following line not to look bold? Or perhaps chnage the color?

.NewsSummary {
                text-align: left;
font-family: Arial;
font-size: 130%;
                line-height: 1em; 
                margin: 5px 0;
}



.NewsSummaryPostdate {
                text-align: left;
font-family: Arial;
font-size: 100%;
                line-height: 1em; 
                margin: 5px 0;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  margin-bottom: 10px;
}

#NewsPostDetailDate {
                text-align: left;
font-family: Arial;
font-size: 130%;
                line-height: 1em; 
                margin: 5px 0;
  }
#NewsPostDetailAuthor {
                text-align: left;
font-family: Arial;
font-size: 130%;
                line-height: 1em; 
                margin: 5px 0;
}
#NewsPostDetailSummary {
                text-align: left;
font-family: Arial;
font-size: 130%;
                line-height: 1em; 
                margin: 5px 0;
  }


#NewsPostDetailContent {
                text-align: left;
font-family: Arial;
font-size: 130%;
                line-height: 1em; 
                margin: 5px 0;
  }
#NewsPostDetailTitle {
                text-align: left;
font-family: Arial;
font-size: 130%;
                line-height: 1em; 
                margin: 5px 0;
}
/* to add specific style to the below div, uncomment them. */
/*
.NewsSummaryLink {}
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}

#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

[attachment deleted by admin]

Re: Change text size and style for news module?

Posted: Sat Jul 15, 2006 5:14 pm
by Dr.CSS
in the detail template under Content » News...


{if $entry->summary}


{eval var=$entry->summary}


{/if}

Re: Change text size and style for news module?

Posted: Sat Jul 15, 2006 6:50 pm
by duplay
Thanks Mark,

That worked just fine. Do you know how I could add the words "Posted by" before the person's account name. (see pic)

[attachment deleted by admin]

Re: Change text size and style for news module?

Posted: Sat Jul 15, 2006 8:56 pm
by Dr.CSS
same place...

{if $entry->author}

Posted by {$entry->author}

{/if}

in summary template...

{if $entry->author}

Posted by {$entry->author}

{/if}

Re: Change text size and style for news module?

Posted: Sun Jul 16, 2006 2:25 pm
by duplay
Mark, When I add the news module to the front of my page, it looks great in Firefox, but looks very spaced out in Internet explorer. Could this be the news box, of the content (blue box I created)?

[attachment deleted by admin]

Re: Change text size and style for news module?

Posted: Sun Jul 16, 2006 10:21 pm
by Dr.CSS
you have a bunch of code stuck in there some how.. Ff is ignoring it but IE...?

  open tag and the    tag



  line 176 column 1 - Warning: trimming empty



  line 201 column 4 - Warning: trimming empty


line 59 column 1 - Warning: is not approved by W3C
line 146 column 4 - Warning: missing before
line 150 column 1 - Warning: inserting implicit
line 150 column 1 - Warning: missing before
line 152 column 1 - Warning: inserting implicit
line 175 column 35 - Warning: discarding unexpected
line 175 column 42 - Warning: replacing by
line 175 column 42 - Warning: inserting implicit
line 175 column 42 - Warning: element not empty or not closed
line 207 column 1 - Warning: discarding unexpected
line 107 column 6 - Warning: escaping malformed URI reference
line 150 column 1 - Warning: trimming empty
line 176 column 1 - Warning: trimming empty
line 201 column 4 - Warning: trimming empty

0 errors / 14 warnings

Re: Change text size and style for news module?

Posted: Sun Jul 16, 2006 10:49 pm
by duplay
Should i delete that code? if so, how?

Also, i just installed the news mod on a fresh copy of cms and the same issue shows up in explorer? And those were default settings.


any thoughts?

Re: Change text size and style for news module?

Posted: Sun Jul 16, 2006 11:59 pm
by Dr.CSS
look at the News templates to see if the code is showing there...
where are you putting the News tag... not perhaps in the content edit box... if so check to make sure you are putting it in using the Source button so that it isn't getting formatted...
the and lead me to believe you are just going to the page> edit content and just pasting it in at the end of your content...  ;)

Re: Change text size and style for news module?

Posted: Mon Jul 17, 2006 12:17 am
by duplay
Your the man Mark! Thanks that was the issue, and I didnt know I had to post the code to the CMS, not the page. Looks to have fixed the problem. Thanks

Re: Change text size and style for news module?

Posted: Mon Jul 17, 2006 12:26 am
by Dr.CSS
you can put it in the Content » Pages » Edit Page: yourpage content edit box if you do it thru the Source button window after any formatting such as ...