[SOLVED] Formatting News Module Links

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"
Locked
vangabond

[SOLVED] Formatting News Module Links

Post 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.
Last edited by vangabond on Sun May 18, 2008 6:34 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Formatting News Module Links

Post 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...
vangabond

Re: Formatting News Module Links

Post 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/
Loopy
Forum Members
Forum Members
Posts: 38
Joined: Sat Jun 10, 2006 5:34 pm

Re: Formatting News Module Links

Post 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.
Loopy
Forum Members
Forum Members
Posts: 38
Joined: Sat Jun 10, 2006 5:34 pm

Re: Formatting News Module Links

Post by Loopy »

Mark is correct is stating that the Print and Return options are commented out at the end of the news stylesheet.
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Formatting News Module Links

Post by Nullig »

Perhaps you should be changing the

.NewsSummaryMorelink

class.

Nullig
vangabond

Re: Formatting News Module Links

Post 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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: [SOLVED] Formatting News Module Links

Post by Dr.CSS »

In the News summary template remove the red part and you will get just the title...


{$entry->titlelink}
vangabond

Re: [SOLVED] Formatting News Module Links

Post by vangabond »

Mark -

You are very helpful.

Thanks much.
Locked

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