How to change text link format?

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
jimmychuang
Forum Members
Forum Members
Posts: 76
Joined: Sun Aug 13, 2006 5:35 pm

How to change text link format?

Post by jimmychuang »

How to change text link format?

check out my page: wwwww.casinobonuswatch.netttttt

You'll see all text links in content are 9pt, and I want to change it to 10pt.

I can not find the text format in the css file, does it possible located in other file?
sloecoach

Re: How to change text link format?

Post by sloecoach »

It's pretty sneaky, but I think I found the entry you're looking for.

Its this line in the css:

div#copyright a, a:link, a:visited {
            font-size: 9px;
            text-decoration:none;
            color:#AD8CBF;
}

note: changing the color in this item won't affect the links color, as this color information gets overrulled at a later point.
jimmychuang
Forum Members
Forum Members
Posts: 76
Joined: Sun Aug 13, 2006 5:35 pm

Re: How to change text link format?

Post by jimmychuang »

No, not this one...
sloecoach

Re: How to change text link format?

Post by sloecoach »

I guess I misunderstood which links you were talking about. I thought you meant the ones near the begining of every paragraph with the name of a different casino. like this paragraph:

Golden Palace Online Casino is by far the most popular Online Casino on the Internet since 1997, with the Biggest, Fastest, & Most Reliable Payouts!, serving over 5 million customers, GoldenPalace is by far the best casino on the Internet.

the italicized words above. Cause those links are 9px and if you wanted to make them  bigger you would change the entry I posted.

Which links are you referring to?

sloe
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to change text link format?

Post by Dr.CSS »

To change style on a link you need to get as close to it as possible, as in the div or item call...

For general links it's... in a default install....
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link
a:active {
  text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
  background-color: inherit;
  color: #18507C;
}

a:visited {
  text-decoration: underline;
  background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
  text-decoration: none;
  background-color: #C3D4DF;
  color: #385C72;
}
To change another link you need...
starting at the top of your page...

  this is the general link area




  these will take  #menu_vert a{your style}  and to get closer  #bulletmenu a{your style}

then you have...

      you may have something in main you want diff. link style than page content so you would call  #main a{your style}
        then to get a diff. style here  #pagecontent a {your style}
you can also style the breadcrumbs links with  .breadcrumbs a{your style}
you can also style the links in your td with #main td a{your style}
and finally the footer  #footer a{your style}

And of course you can set the a:visited state and the a:hover state by using these calls right after the link style, you need to have the a,
a:link  state call first then you can do the...  a:visited  and  a:hover

as explained here... http://www.w3schools.com/css/css_pseudo_classes.asp
jimmychuang
Forum Members
Forum Members
Posts: 76
Joined: Sun Aug 13, 2006 5:35 pm

Re: How to change text link format?

Post by jimmychuang »

Hi,

I have add "default link style" you mentioned, but the size of my text link still remain 7pt, and the "hover" and "visited" text format are both not like the way I set in the default links style.

If I can find where it set 7pt as text link in stylesheet, I may know how to edit it.

You can download my stylesheet here:

http://www.casinobonuswatch.net/stylesh ... plateid=18
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to change text link format?

Post by Dr.CSS »

div#pagecontent td a{
font-size:10pt;
font-weight:bold
}
jimmychuang
Forum Members
Forum Members
Posts: 76
Joined: Sun Aug 13, 2006 5:35 pm

Re: How to change text link format?

Post by jimmychuang »

It works! Thank you
jimmychuang
Forum Members
Forum Members
Posts: 76
Joined: Sun Aug 13, 2006 5:35 pm

Re: How to change text link format?

Post by jimmychuang »

mark wrote: div#pagecontent td a{
font-size:10pt;
font-weight:bold
}
Hi, I found some text still remain the same.

Check out this www.casinobonuswatch.net/gambling_strategies

The text links of the content stil remain 8px, and I want to change them to 9pt.

I have made the text link of the index change to 10 pt, but what's he different of this page's text links?
Last edited by Anonymous on Sat Nov 04, 2006 7:41 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to change text link format?

Post by Dr.CSS »

The links on that page are not in a td so add another one...

div#pagecontent  a{
font-size:10pt;          whatever size you need
font-weight:bold      may be removed if need be
}

You may have to do the a:hover also...
Post Reply

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