Okay.
I've been dealing with some internal style issues on my Wordpress website. After dedicating hours to trying to change styles for various elements, I realized that the main html file contained a bunch of internal style sheets that were overriding the styles I had set in the style.css file of my Wordpress theme.
These styles are located within the <head> section of the webpage. I need to know which template file holds these internal styles so I can edit them.
There is a lot of code, but here is the relevant snippet. The styles are at the bottom. I have removed the actual styling attributes and now I need to locate and modify them. It's clear they are in a Wordpress php file, but which one?
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Trailogy | Find the Trail. Hit the Trail</title><meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
...
Hundreds of lines of css
...
Additionally, STYLE.CSS IS NOT OVERWRITING THESE INTERNAL STYLES! This is the issue at hand.
UPDATE: Can you believe it? After spending all day trying to solve this problem, my colleague casually mentioned, "Just add !important to the end of your styles and they will override everything." So I ended up creating a separate style override CSS sheet. Sometimes the solution is right in front of us!