Hey there, I'm currently facing an issue with my CSS file that contains all the styling for about ten different pages.
The problem lies in the fact that the CSS classes are not being applied as they should be.
Specifically, I have p tags within the body that are supposed to have their own unique styles.
During testing on my local machine, everything works smoothly and each p tag follows its designated class's style perfectly.
However, once the site is uploaded to my hosting platform, the p tag seems to ignore its assigned class and adopts the style defined for the body instead.
I would greatly appreciate it if someone could point out what I might be overlooking in this situation.
(Please note that I have tested this in both Chrome and Safari)
Here is the HTML snippet for the p tag:
<p class="tinyText">Sample text here</p>
And here is the corresponding CSS code:
body {
background: black;
font-family: Papyrus;
font-size: 20px;
color: white;
}
.tinyText{
font-family: Times New Roman, Times, serif;
font-size: 20px;
}
EDIT:
After inspecting the element on the hosted version, I noticed that it was referencing an outdated version of the CSS file. However, the hosted version definitely has the most up-to-date CSS file, which I double-checked. I've attempted clearing the cache and other data, but it still insists on using the old version. Is there a way to force it to adopt the new version instead?