fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: [Solved] Removing the diagonal slash before the menu in JD Focus Template

[Solved] Removing the diagonal slash before the menu in JD Focus Template 3 months 2 weeks ago #30765

  • onlinemgm
  • onlinemgm's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
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.
Last Edit: 3 months 2 weeks ago by onlinemgm. Reason: To mark as solved.
The administrator has disabled public write access.

Removing the diagonal slash before the menu in JD Focus Template 3 months 2 weeks ago #30767

  • onlinemgm
  • onlinemgm's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
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 administrator has disabled public write access.

Removing the diagonal slash before the menu in JD Focus Template 3 months 2 weeks ago #30769

  • onlinemgm
  • onlinemgm's Avatar
  • Offline
  • New Member
  • Posts: 11
  • Karma: 0
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.
The administrator has disabled public write access.

Removing the diagonal slash before the menu in JD Focus Template 3 months 1 week ago #30824

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
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

.transparent_header #sp-header #sp-logo .sp-column:before {
display: none;
}

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.320 seconds
Cron Job Starts