I can't find the code for the diagonal slash that preceeds the main menu in the JD Focus template. I want to remove that item. If anyone can point me to the correct css file I would appreciate it.
See attached screenshot.

I have found the code in template.css at line 3627-3640

.transparent_header #sp-header #sp-logo .sp-column:before {
content: "";
height: 100%;
position: absolute;
right: -12px;
top: 0;
width: 8px;
z-index: 999;
background: #303539;
transform: skewX(-30deg);
-ms-transform: skewX(-30deg);
-moz-transform: skewX(-30deg);
-webkit-transform: skewX(-30deg);
}

I've changed the background color to #ffffff and set the skew to 0 degrees and saved the file and backed out of the template and cleared the Joomla cache but it's still reading the old data. I've cleared my browser cache and it's still coming up with the old info.

It there a cache other than the Joomla Cache I need to clear?

The template kept rewriting my changes back to the original.
Problem solved by taking the snippet I needed changed and creating a custom.css file with those changes and uploading it to the css folder of the template.

Sorry for the late reply. The best way is. Create a custom.css file is css folder and add the attached code in it.

Path: templates/jd_focus/css


Thanks,
Chandan