I use a free template that comes with a style sheet.
In my main content, the links are showing up black, bold, and underlined. How can I change this either in the style sheet or in CoffeeCup? When I look at the style sheet, I can't find the main link info - only for the navigation menu bar!
I'm still working on my website, so it hasn't been uploaded yet. Thanks in advance!

Hiya Patricia,

I'm going to "assume" you're working with the HTML Editor since you're using a free template, but if you are talking about VSD you'll have to ignore everything I say here as it won't be the same.

To change anything at all to do with links it will be in the CSS file. Usually you will find a selection of classes and ID's and main body tags at the top area of the CSS file. Find the ones that pertain to "a" tags as those are the ones that will pertain to what happens with links. If you want them different than the menu you'll need to make sure that the menu "a" tags are setup separately (most likely they are already).

If you have a link to the theme itself (wherever you got it from) it would help us help you better too as we could look at the code ourselves and give you better ideas, but for the most part all links are setup in the CSS as

a {
declarations and attributes here
}

or

a { declarations and attributes here }

be sure to also look for:

a:hover { }
a:visited { }

as those will also pertain to what you want done with the links.

Hope that helps

Hi JoAnn (you’re the best),

First, I added the “color” below – took me a while to figure that one out…can you tell I’m new to CSS?

.c2{
margin:3px 0;
text-align:justify;
padding:10px;
color:#635441;
}

The CSS file has “a” tags for the main top menu, the left navigation menu, and the center top “url” menu links. There is nothing in my content section (c2) for external links, or “a” tags as you put it (the above is the only thing). My external links are black, bold, and underlined (they look bad with my font color)!

Can I add the below after “color” as seen above, or does it have to be entered separate after “color”, and use it as is? Where do I put the brackets? Your help is definitely appreciated!!!

.external {font-family: Times New Roman; font-size: 11pt; }
a.external:link {color: #0000ff; font-size: 11pt; font-weight: bold; }
a.external:visited {color: #00CC00; font-weight: bold; }
a.external:hover {text-decoration: underline; background-color: #CC0099; }
a.external:active {color: #ff0000; }

In this example: Does the “class=”external” show automatic in the link, or do I have to watch and put that in an external link myself? <a href="http://example.com" class="external">External site</a>

I'm going to attempt attaching the 3 parts of my CSS file - hope you can view it!

Ok first let me address the screenshots you added and tellyou that screenshot number 1 is what will address all links in your content that are not part of screenshots 2 and 3. Screenshot 1 is the part you want to edit for your content links (not menus at all)

Screenshots 2 and 3 are definitely addressing menus, but which ones I can't say without seeing the HTML, but for the most part the "a" tags in screenshot 1 are what you want to edit.

Are you able to attack a copy of your CSS file and your HTML file so we can see the code if you're unable to temporarily upload it? I'm curious what the "external" is for at all so it's hard to tell you what to do with that without seeing the code from both files.

Hi JoAnn,

I'll send the first part of my CSS file now. I hope I'm not driving you too crazy!!!

This would be much easier if you were to include the actual files (.css and .html) or better yet would be great if you could upload it to a temporary directory and give us a link.

The reason the links to actual pages online are better is because many of us use browser tools that allow us to edit the code (on our screens not your site hehe) to see what changes will do what so we can better give you more precise answers. Hopefully that makes sense

Also sometimes the problem is not with this specific code, but somewhere else in your code. It's like trying to operate on an elephant through a port hole. Some of us need to see the entire elephant for treatment.

Hi David,

I opened your site (your regular one, not the test site), and it took 'ages' to load. The culprit seems to be a html5 reset from Google.
Just for your information. You may want to look into that.

Will go and spank google as we speak

No probably this weekend will download a copy of the reset code from google and past it into the reset css.

If you are going to spank them, remember that Jo Ann has a famous frying pan that she might lend out.