[Solved] Styling the NewsSummaryMoreLink

[nakkiel]

How can I style the NewsSummaryMoreLink? I have tried to style the "Module: News" css and various other things, for instance:

Code: Select all

<div align="right" class="NewsSummaryMorelink">
 {$entry->morelink class="morelink"}
</div>

...

<div align="right" class="NewsSummaryMorelink">
 <p class="morelink">{$entry->morelink}</p>
</div>

...And so on :)

[KO]

You have CSS stylesheet attached to your page template. Add your styles over there...

div.NewsSummaryMorelink {text-align:right;background-color:pink;}
p.morelink {background:purple;}

... and so on

[nakkiel]

Yeah, I know. That's where I have been inserting my css, when I have tried that 'class="morelink"' thingy

The problem is that in "Module: News" css-file, .NewsSummaryMorelink is a div, not the link itself. You see, I need to style the link like:

Code: Select all

.NewsSummaryMorelink:link {
   text-decoration: none;
}

...And so on. But thanks for the fast reply

[KO]

Ok. Links are tags so...

.NewsSummaryMorelink a {
  text-decoration: none;
color:pink;
}

[nakkiel]

That does it! Thanks