Page 1 of 1
[Solved] Styling the NewsSummaryMoreLink
Posted: Thu Apr 17, 2008 7:02 am
by 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 :)
Re: Styling the NewsSummaryMoreLink
Posted: Thu Apr 17, 2008 7:19 am
by 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
Re: Styling the NewsSummaryMoreLink
Posted: Thu Apr 17, 2008 7:30 am
by 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
Re: Styling the NewsSummaryMoreLink
Posted: Thu Apr 17, 2008 7:34 am
by KO
Ok. Links are tags so...
.NewsSummaryMorelink a {
text-decoration: none;
color:pink;
}
Re: Styling the NewsSummaryMoreLink
Posted: Thu Apr 17, 2008 8:41 am
by nakkiel
That does it! Thanks