Page 1 of 1

News change the CSS of the more (summary) link

Posted: Sun Feb 28, 2010 11:47 pm
by hawker
Hi,

I am trying to change the CSS of the [more] link on the summary page of the news module. It's using my standard link CSS (dark blue) but I need it to use another one, as it's in a dark box, and I need to change it to white links.

I can't find anything past this in the template:


[{$entry->morelink}]


Any help?

Re: News change the CSS of the more (summary) link

Posted: Mon Mar 01, 2010 10:08 am
by RJK
You can do with by adding a little bit of code to your News Stylesheet such as:

Code: Select all

.NewsSummaryMorelink A:link  {text-decoration: whatever you set it to; color: #fff;}
.NewsSummaryMorelink A:visited  {text-decoration: whatever you set it to; color: #fff;}
.NewsSummaryMorelink A:hover  {text-decoration: whatever you set it to; color: #fff;}
.NewsSummaryMorelink A:active  {text-decoration: whatever you set it to; color: #fff;}
#fff will set it to white, obviously change the various states to what suits your setup.

You can find all your stylesheets under Layout: Stylesheets just incase you're not sure.

Good luck.

Richard