Page 1 of 1
[SOLVED] Formatting News Module Links
Posted: Sun May 18, 2008 2:09 am
by vangabond
I have been working with the news Module and making updates to the associated Module: News stylesheet in order to appropriately style the news listings and summaries. I am having some issues formatting the Links tied to specific news items however. More specifically, I am not able to customize formatting for the News Summary link or for the Return link. I have been playing around with the classes /divs in the stylesheet that (by name) would seem associated with these items, but no changes are ever reflected in the appearance of the links.
Any suggestions would be much appreciated.
Re: Formatting News Module Links
Posted: Sun May 18, 2008 6:14 am
by Dr.CSS
Are the y all still named the default classes?...
It would be easier if we had a link, some of the stuff in the news CSS is commented out...
Re: Formatting News Module Links
Posted: Sun May 18, 2008 12:39 pm
by vangabond
Hey Mark -
Yeah, I know that some stuff is commented out. I have uncommented the relevant styles and have not changed the names of any of the default classes. For instance,
NewsSummaryLink is the name of the class that I would assume is used to format the look of the Summary Link I want modified. No changes I make to that class in the stylesheet are ever reflected in the appearance of the link on the stylesheet. Very strange.
Here is a link to the page:
http://www.marcohaber.com/cmsmadesimple/
Re: Formatting News Module Links
Posted: Sun May 18, 2008 3:09 pm
by Loopy
Hi Vangabond,
Try adding a new class to your news style sheet ".NewsSummaryLink a" and apply your styles to it. This should change the appearance of the link. For example:
.NewsSummaryLink a {
color: #bd5000
}
This will change the default appearance of the link in its normal state. You could use psuedo slasses to style the different states after that.
Let me know if this helps.
Re: Formatting News Module Links
Posted: Sun May 18, 2008 5:09 pm
by Loopy
Mark is correct is stating that the Print and Return options are commented out at the end of the news stylesheet.
Re: Formatting News Module Links
Posted: Sun May 18, 2008 5:46 pm
by Nullig
Perhaps you should be changing the
.NewsSummaryMorelink
class.
Nullig
Re: Formatting News Module Links
Posted: Sun May 18, 2008 6:34 pm
by vangabond
Loopy, Nullig --
Thanks a lot for the helpful advice. Changing the .NewsSummaryLink and #NewsPostDetailReturnLink pseudo-classes did the trick. Somehow I think the default styles for these hyperlinks were at odds with hyperlink styles that I have specified in the main stylesheet tied to the template. Anyway, again, I have finally managed to modify the formatting.
Now -- if I wanted the News Summary to not be a link at all, how would I go about accomplishing this? My sense is that I would need to go into the guts of the News module and make changes there. Any quick tips?
Cheers.
Marco
Re: [SOLVED] Formatting News Module Links
Posted: Sun May 18, 2008 6:41 pm
by Dr.CSS
In the News summary template remove the red part and you will get just the title...
{$entry->titlelink}
Re: [SOLVED] Formatting News Module Links
Posted: Mon May 19, 2008 3:11 pm
by vangabond
Mark -
You are very helpful.
Thanks much.