0
Welcome Guest! Login
0 items Join Now

Change "Purple" variation colour to a different hex code.

  • Change "Purple" variation colour to a different hex code.

    Posted 2 months 1 week ago
    • Hello Everyone,

      I am using the Rockettheme Akuatik Template at

      vincents23.sg-host.com/

      I would like to change the color variation purple so that it matches the purple used in my logo which is #632B86,
      the effect on this site would be that the bar underneath the logo that contains the phone number would be a darker purple and would more closely match the logo.

      Please could someone tell me which file to edit (if any) and what to put in the file to change the color permanently?

      Many Thanks

      Vinny
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 91575
    • Thanks: 11992
    • Web Designer/Developer

    Re: Change "Purple" variation colour to a different hex code.

    Posted 2 months 1 week ago
    • Use this code...
      .box-purple.moduletable, .box-purple.widget, .box-purple.g-outer-box, .box-purple > .g-content {
         background-color: #632B86;
      }
      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • The following users have thanked you: Skittles McVite

    • 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.073 seconds