how can i customize the Printable View link and others?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
3/16/2009 6:57:25 AM
Gravatar
Total Posts 68

how can i customize the Printable View link and others?

I want to move the Printable Link from the bottom of the pages to the top of the pages but that link looks different somehow. How can I make it just act like the home link or the Sign In link? Do I change the CSS? I did a search for SkinPreview but had no results. Where can I find the styles for this?

Thanks.

Dominique

3/18/2009 1:00:11 AM
Gravatar
Total Posts 68

Re: how can i customize the Printable View link and others?

 

Hi. I still need help on this please! It is URGENT!

Thanks

Dominique

3/18/2009 6:44:01 AM
Gravatar
Total Posts 18439

Re: how can i customize the Printable View link and others?

You could wrap the printable view link in a span (in layout.master) and put a css class on it and then style it as you wish. Or view the source of the rendered page and see if there are already ways to select that link using css.

Hope it helps,

Joe

3/30/2009 1:32:50 AM
Gravatar
Total Posts 68

Re: how can i customize the Printable View link and others?

Hi,

I am still unable to change the color of the links at the top of the page. I changed the CSS also in the StyleColors.css file as follows but no change.

.sitelink ,
a.sitelink:link ,
a.sitelink:visited { color:#6699FF; }
a.sitelink:hover { color:#FF0000; }
a.sitelink:active { color: #6699FF; }

Why wont the links change color? I even touched the we.config file but it didnt make any difference. I am using a customised version of the Coolwater skin.

I even wrapped the link in the layout.master file like this but it didnt change either.

<span style="color:#FF0000"><portal:SiteMapLink id="SiteMapLink2" runat="server" CssClass="sitelink" RenderAsListItem="true" ListItemCSS="firstnav" /></span>

Please help.

Thanks.

Dominique

3/30/2009 6:20:14 AM
Gravatar
Total Posts 18439

Re: how can i customize the Printable View link and others?

Did you clear your browser cache?

Also keep in mind how css works, css that is further down the page trumps css at the top, so if you have rules below that one that also sets color it will win.

So it might help to move this part up to the top above the ones for .sitelink

a:link { color: #4F82CB; }
a:visited { color: #4F82CB; }
a:hover { color: #4EBF37; }
a:active { color: #4F82CB; }

Also note that the order in which css files is added is determined in the style.config file so if for examp[le there is colors set in styletext.css it will win over colors set in stylecolors.css because it is lower in the page. So I would look around in the other css files for anything that may interfere.

Hope it helps,

Joe

You must sign in to post in the forums. This thread is closed to new posts.