stylesheet prob with news module

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"
Locked
Michael AC

stylesheet prob with news module

Post by Michael AC »

Hi all,

the problem I'm working on is that I can't change the format of the news fonts, margins and paddings etc. (changing the stylesheets entries doesn't show an effect anyway...  :-[ )

Example:

This is how I call the news module within the template

Code: Select all

<div class="news-start">
{cms_module module="news" number="3" dateformat="%B %Y" detailpage="News" lang="en_US" moretext="weiterlesen" category="General"}
</div>
(lang="en_US" is a workaround for a language problem I've got with the news module... never mind, it still uses and shows german lang.)

This is the news summary template

Code: Select all

<!-- Start News Display Template -->
{foreach from=$items item=entry}
{if $entry->formatpostdate}
<p class="NewsSummaryPostdate">{$entry->formatpostdate}</p>
{/if}
<p class="NewsSummaryLink">{$entry->titlelink}</p>
{if $entry->summary}
<p class="NewsSummarySummary">{eval var=$entry->summary}</p>
<p class="NewsSummaryMorelink">[{$entry->morelink}]</p>
{else if $entry->content}
<div class="NewsSummaryContent">
    {eval var=$entry->content}
</div>
{/if}
{/foreach}
<!-- End News Display Template -->
Classes are attached to tags. Should working this way, too. Anyway: It didn't work with originally tags...  :-[


And this is how the classes are set in the stylesheet

Code: Select all

p.NewsSummaryPostdate
  {
    text-align:left;
    color:RGB(0,32,0);
    width:100%;
    font-size:9pt;
    font-family:Arial, sans-serif;
    font-weight:bold;
  }

p.NewsSummarySummary
  {
    text-align:left;
    color:RGB(0,32,0);
    width:100%;
    font-family:Arial, sans-serif;
    font-weight:normal;
    text-decoration:none;
    margin-bottom:5px;
  }

p.NewsSummaryMorelink
  {
    margin-top:-5px;
    margin-right:0;
    margin-bottom:20px;
    margin-left:0p
    font-weight:bold;
  }

a.NewsSummaryLink
  {
    display:block;
    text-align:center;
    padding-top:5px;
    background-color:RGB(0,64,0);
    color:RGB(200,255,200);
    font-family:Arial, sans-serif;
    text-decoration:none;
  }
Changes to this stylesheet code are without effect. Any CSS experts available? I'm stumped.  :-[

BTW: Yes, I'm using {stylesheet} within the templates header section. The stylesheet works fine with the rest of the template.

Regards from Germany
Michael
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: stylesheet prob with news module

Post by Dr.CSS »

You can call classes with just .NewsSummarySummary, some times it works better with out the p.NewsSummarySummary or you may need to separate them p .NewsSummarySummary.
Michael AC

Re: stylesheet prob with news module

Post by Michael AC »

mark wrote: You can call classes with just .NewsSummarySummary, some times it works better with out the p.NewsSummarySummary or you may need to separate them p .NewsSummarySummary.
Hi Mark,

THX, but doesn't work...

Quickhack: inserting styles directly into news summary template. But that's not really satisfying.

Have a lot of CSS probs at the moment with CMSms. Even the simplest table styles seem not to work anymore. 5h17...

Someone else here with massive CSS probs?

Regards from Germany
Michael
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: stylesheet prob with news module

Post by Dr.CSS »

Do you have a link, or is it self hosted, on your comp.?
Michael AC

Re: stylesheet prob with news module

Post by Michael AC »

mark wrote: Do you have a link, or is it self hosted, on your comp.?
Hi Mark,

pls. try http://www.microturbine.de/test/index.php?page=32 with IE.

Strange: Table layout is ok using Opera... Opera normally isn't first choice checking styles.  ;)

THX
Michael
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: stylesheet prob with news module

Post by Dr.CSS »

It looks like the only problem on that page, in IE, is the old one of the image getting attached to the page and not staying in one place with the page scrolling past it, it's a know problem in IE.
I've seen a work around some where before but can't recall where atm.
Michael AC

Re: stylesheet prob with news module

Post by Michael AC »

mark wrote: It looks like the only problem on that page, in IE, is the old one of the image getting attached to the page and not staying in one place with the page scrolling past it, it's a know problem in IE.
I've seen a work around some where before but can't recall where atm.
Hi Marc,

got it fixed with the quickhack. So someone can see the correct layout now. That's ok for the moment. I've got all the other CSS probs fixed by using some more classes.

Now it's clear: I have a lot more to learn about CMSMS.  ;D

THX for helping.

Regards
Michael
Locked

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