Member Avatar for Nastadon

I'm trying to styalize my links but it isn't working. It shows the change in DW, but when I FTP the site it is default. Tried different browsers and settings, different computer to see if it was my computer not displaying, but it isn't working anywhere. I tried different styles and that didn't work either. I have other CSS code and it works fine, so I have no idea why this one isn't working. Here is my code.

<style type="text/css">

a.linkText 
{  
    color: #ff9c00;  
    font-family: arial;  
    font-size: 14px;  
    font-weight: bold;  
    text-decoration: none;  
}  

a.linkText:link 
{  
    color: #ff9c00;  
}  

a.linkText:visited 
{  
    color: #e00000;
}  

a.linkText:hover 
{  
    color: #ff0000;  
}
</style>

<body>
<div style="margin:0 auto">
<div id="menu" style="height:auto; width:auto; float:left; margin-left:55px; padding-right:20px;">
<ul>
<li><a class="linkText" href="#FunTestWebsite">ASSORTMENTS</a></li>
<li><a class="linkText" href="#FunTestWebsite">CONES</a></li>
<li><a class="linkText" href="#FunTestWebsite">FINALE RACKS</a></li>
<li><a class="linkText" href="#FunTestWebsite">FIRECRACKERS</a></li>
<li><a class="linkText" href="#FunTestWebsite">FOUNTAINS</a></li>
<li><a class="linkText" href="#FunTestWebsite">MULTI-EFFECTS</a></li>
<li><a class="linkText" href="#FunTestWebsite">1. Multi Effects</a></li>
<li><a class="linkText" href="#FunTestWebsite">2. 350-500 Grams</a></li>
<li><a class="linkText" href="#FunTestWebsite">3. Up To 500 Grams</a></li>
<li><a class="linkText" href="#FunTestWebsite">NOVELTIES</a></li>
<li><a class="linkText" href="#FunTestWebsite">RELOADABLES</a></li>
<li><a class="linkText" href="#FunTestWebsite">ROMAN CANDLES</a></li>
<li><a class="linkText" href="#FunTestWebsite">SAFE & SANE</a></li>
<li><a class="linkText" href="#FunTestWebsite">SMOKE ITEMS</a></li>
<li><a class="linkText" href="#FunTestWebsite">SPARKLERS</a></li>
<li><a class="linkText" href="#FunTestWebsite">WHEELS</a></li>
<li><a class="linkText" href="#FunTestWebsite">ZENITH SHELLS</a></li>
</ul>
</div>
</body>

Shows it working fine in Dreamweaver like I said, but when I hit F12 it is the default blue color still. Can anyone help me?

Edited by Nastadon
  • 2 Contributors
  • 2 Replies
  • 126 Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by JorgeM

Dani AI

Generated

Since marked this one resolved, here’s a short, practical checklist for anyone who sees styling that looks fine in an editor but reverts to defaults after FTP. It focuses on causes that editors hide but live servers reveal — useful beyond the placement note from .

Common culprits:

  • Wrong file on the server (or uploaded to the wrong folder). FTP clients can hide path mistakes; double-check the remote path and filename spelling/case (Linux hosts are case-sensitive).
  • Browser/CDN caching. Browsers often keep old CSS; force a hard reload or add a cache-busting query string to the stylesheet link.
  • The stylesheet never loaded or returned an error (404, blocked by mixed content, wrong MIME). Verify the CSS actually reaches the browser.
  • Another rule overrides your selector (higher specificity, later stylesheet, or an inline style using !important). Use the browser inspector to see which rule wins.
  • File permissions. The web server must be able to read the CSS file (typical permission: 644).

Quick, reliable checks

  • Open DevTools (right-click → Inspect). In the Elements panel select the link and check the Styles/Computed panes to see which rule and file define the color. If no rule appears, the CSS file probably didn’t load or the selector doesn’t match.
  • Look at the Network tab while reloading the page to confirm the stylesheet is served (200) and its Content-Type is text/css. From a terminal:
    curl -I https://example.com/path/to/styles.css

Fast fixes

  • Force reload (Ctrl+F5) or change the URL to force a new fetch:
    <link rel="stylesheet" href="/css/styles.css?v=20250701">
  • If a rule is overridden, increase specificity or move the rule to a stylesheet loaded last, or use !important sparingly.

These steps catch the hosting- and caching-related issues that editors like Dreamweaver often mask.

Member Avatar for Nastadon

Nevermind, I found my error and everything is working fine now. Close please!

Member Avatar for JorgeM

Your CSS style seems fine to me. tested and working. Do you actually have the style on the same page as the HTML code? If so, your missing HTML code in the example above. For example, the <style> section belongs inside of you <head> section. here is the structure...

<html>
<head>
<title>My title</title>
  <style>
  </style>
</head>

<body>
</body>

</html>

If you are actually referencing your Style in an external stylesheet, then check how you are referecing the external CSS file. It may be correct locally, but that reference may not be correct when its located on the hosted platform.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.