0
Welcome Guest! Login
0 items Join Now

Custom css file overridden?

  • Custom css file overridden?

    Posted 9 years 6 months ago
    • Hello,

      I have made a quick update to this website Pathfinder Company , and in order to reflect the changes I cleared the cache. Now it seems that the rt_acacia-custom.css file is being overridden by the master-903.... file. The rules present in the custom file are crossed out and the rules in the master file are followed. Any idea how to get this straightened out? I should also mention that this has affected the rocksprocket styling as well, I directly edited the tabs.css file and those edits are not being compiled properly either. Thanks.
    • Last Edit: 9 years 6 months ago by Erik Hagstrom.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Custom css file overridden?

    Posted 9 years 6 months ago
    • Please provide a specific example of a statement being overridden. It's highly likely from what you have said that you have insufficient CSS specifity on your custom CSS statements.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: Custom css file overridden?

    Posted 9 years 6 months ago
    • An example would be #rt-header

      Here is what I have in the rt_acacia-custom.css file:
      #rt-header {
      	background-color: #fff !important;
      	background-image: none !important;
      }

      I know that the !important doesnt need to be there, I just put it there to make sure it had priority.

      When the page is loaded the #rt-header rules follow come from the master-..... file:

      #rt-header {
          background-color: #f9f9f9;
          background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
          background-repeat: repeat-x;
          border-top:1px solid #f0f0f0;
      }

      So that I guess is one example. But the Rocksprocket doesnt seem to be following the tabs.css rules which are in place either interestingly.

      Thanks in advance for your assistance with this issue.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Custom css file overridden?

    Posted 9 years 6 months ago
    • The problem with your custom CSS file is your "comments" - they are not valid comment notations (see screenshot) so that is invalidating much of your CSS.
      ##// comment //##
      The above is not valid, it should be
      /* comment */

      Regards, Mark.
    • The following users have thanked you: Erik Hagstrom

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.063 seconds