News change the CSS of the more (summary) link

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"
Post Reply
hawker
New Member
New Member
Posts: 3
Joined: Wed Oct 07, 2009 10:38 am

News change the CSS of the more (summary) link

Post 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?
User avatar
RJK
Forum Members
Forum Members
Posts: 59
Joined: Mon Nov 16, 2009 8:58 pm

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

Post 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
Post Reply

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