RocketTheme - TOPIC: [solved]How to modify header color in gantry framework (1/3)

Welcome Guest! Login

0 items Join Now

- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- Hello,
  
  I would like to know how to modify header color in gantry framework (Header Style) and if it is possible to change toolbar color too?
  
  Regards,
  
  Andrés
- Last Edit: 11 years 5 months ago by Andres.
#979941
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- add this to your custom css file:
  body #rt-header {background: red !important;}
  If you are using Gantry 4 (or later) you can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css or gantry-custom.css).
- The following users have thanked you: léonardo van montagu
#979951
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- Hello,
  
  Thank you very much. Can you please give the path where I should save this file and also can you please give me instructions to change body background color.
  
  Best regards,
  
  Andrés
#980195
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- <root joomla>/templates/gantry/css/gantry-custom.css
- The following users have thanked you: léonardo van montagu
#980265
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- Hello,
  
  Thank you very much. Can please tell me how to change main body background too? It is grey and I would like to change it into white.
  
  Thank you very much again your answers are very helpful!
  
  Regards,
  
  Andrés
#980423
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- add this to your custom css file:
  body {background: #FFF !important;}
  If you are using Gantry 4 (or later) you can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css or gantry-custom.css).
#980487
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- Thank you very much!!
#980693
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- Andres Cardella wrote:
  Thank you very much!!
  
  Glad to be of service. See you around the board
  If this solved your issue, please mark the subject of your original post [SOLVED].
#980700
- Andres
- Rocketeer
- Posts: 96
- Thanks: 0
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- Hello,
  
  I have modified the colors that I have asked you. But I see that when I change the header's color I am still have the menu in the gantry framework's original color, plus the place where I see the date.
  
  So, can you please tell me how can I change menu color and the horizontal strip where the date is located.
  
  The site is afmcapital.com/
  
  Thank you very much,
  
  Andrés
#981938
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
Re: SOLVED How to modify header color in gantry framework

Posted 11 years 5 months ago
- sorry but I am unsure what you mean. I see that you change the header color (this is the section where the menu is) please clarify what you need to change.
#982170